图片上下滚动广告代码_移动下载-软件下载,游戏下载，绿色软件下载，驱动软件,办公软件等

图片上下滚动,左右滚动广告代码

本代码中包含了四种图片广告代码，大家可以复制后再新建HTML文件进行查看效果

第四种滚动代码采用了jquery,效果相当漂亮

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <FCK:meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>图片上下滚动广告代码-山寨站长站</title> <style type="text/css">  </style> </head> <body> <marquee loop="10" direction="down" ONMOUSEOUT=this.start() ONMOUSEOVER=this.stop() > <div align="center" class="ad"> <a href="http://www.800home.cn/" _fcksavedurl="http://www.800home.cn/"><img src="http://www.800home.cn/images/ad/zhaozu.gif" _fcksavedurl="http://www.800home.cn/images/ad/zhaozu.gif" border=0></a><br /> <a href="http://www.800home.cn/" _fcksavedurl="http://www.800home.cn/"><img src="http://www.800home.cn/images/0059_1.gif" _fcksavedurl="http://www.800home.cn/images/0059_1.gif" border=0></a> </div> </marquee> <duv>第一个图片上下滚动广告代码</div> <div id=demo style="OVERFLOW: hidden; WIDTH: 468px; HEIGHT: 60px"> <table cellPadding=0 align=left border=0 cellspace="0"> <tr> <td id=demo11 vAlign=top> <a href="http://www.800home.cn/" _fcksavedurl="http://www.800home.cn/"><img src="http://www.800home.cn/images/ad/zhaozu.gif" _fcksavedurl="http://www.800home.cn/images/ad/zhaozu.gif" border=0></a> </td> <td id=demo12 vAlign=top><a href="http://www.800home.cn/" _fcksavedurl="http://www.800home.cn/"><img src="http://www.800home.cn/images/0059_1.gif" _fcksavedurl="http://www.800home.cn/images/0059_1.gif" border=0></a></td> </tr> </table> </div> <duv>第二个图片左右滚动广告代码</div> <CENTER> <MARQUEE scrollAmount=1 scrollDelay=1 direction=up width=468 height=60> <DIV align=center><a href="http://www.800home.cn/" _fcksavedurl="http://www.800home.cn/"><IMG src="http://www.800home.cn/images/ad/zhaozu.gif" _fcksavedurl="http://www.800home.cn/images/ad/zhaozu.gif" width=460 height="60" border=0></a></DIV> <DIV align=center><a href="http://www.800home.cn/" _fcksavedurl="http://www.800home.cn/"><IMG src="http://www.800home.cn/images/0059_1.gif" _fcksavedurl="http://www.800home.cn/images/0059_1.gif" width=460 height="60" border=0></a></DIV></MARQUEE></CENTER> <div>第三个图片上下滚动广告代码</div> <div style="WIDTH: 320px; HEIGHT: 145px;overflow:hidden;"> <div id="scrollDiv"> <ul><li><img src="/uploads/allimg/1004/203TR003-6.jpg" _fcksavedurl="/uploads/allimg/1004/203TR003-6.jpg" /></li> <li><img src="/uploads/allimg/1004/203TQ4R-7.jpg" _fcksavedurl="/uploads/allimg/1004/203TQ4R-7.jpg" /></li> <li><img src="/uploads/allimg/1004/203TSG4-8.jpg" _fcksavedurl="/uploads/allimg/1004/203TSG4-8.jpg" /></li> <li><img src="/uploads/allimg/1004/203TUV9-9.jpg" _fcksavedurl="/uploads/allimg/1004/203TUV9-9.jpg" /></li> <li><img src="/uploads/allimg/1004/203TS1U-10.jpg" _fcksavedurl="/uploads/allimg/1004/203TS1U-10.jpg" /></li> <li><img src="/uploads/allimg/1004/203TVA0-11.jpg" _fcksavedurl="/uploads/allimg/1004/203TVA0-11.jpg" /></li> <li><img src="/uploads/allimg/1004/203TRS2-12.jpg" _fcksavedurl="/uploads/allimg/1004/203TRS2-12.jpg" /></li> <li><img src="/uploads/allimg/1004/203TRA8-13.jpg" _fcksavedurl="/uploads/allimg/1004/203TRA8-13.jpg" /></li> </ul> </div> </div> <div>第四个图片上下滚动广告代码</div> </body> </html>
提示：您可以先修改部分代码再运行

(责任编辑：admin)