- 4/5
- 1
- 2
- 3
- 4
- 5
织梦DedeCMS视频教程买空间 租服务器 选网硕互联! 无忧站长工具,百度权重一键全查!
不间断JS图片滚动,不是CSS的,图片走马灯,很不错,平滑的图片滚动效果。
<html> <head> <title>图片滚动</title> </head> <body> <div id="marquee_demo" style="overflow:hidden;width:100%;text-align:center;border:1px solid #0066cc"> <table cellspacing="0" cellpadding="3" align="center" border="0"> <tr> <td id="marquee_product1" valign="top"> <table width="100%" height="100" border="0" cellpadding="2" cellspacing="0"> <tr> <td><a href="#"><img src="http://p1.mb5u.com/texiao/1/2011022516042951.jpg" border=0></a></td> <td><a href="#"><img src="http://p1.mb5u.com/texiao/1/2011022516042952.jpg" border=0></a></td> <td><a href="#"><img src="http://p1.mb5u.com/texiao/1/2011022516042953.jpg" border=0></a></td> <td><a href="#"><img src="http://p1.mb5u.com/texiao/1/2011022516042954.jpg" border=0></a></td> <td><a href="#"><img src="http://p1.mb5u.com/texiao/1/2011022516042955.jpg" border=0></a></td> <td><a href="#"><img src="http://p1.mb5u.com/texiao/1/2011022516042956.jpg" border=0></a></td> <td><a href="#"><img src="http://p1.mb5u.com/texiao/1/2011022516042957.jpg" border=0></a></td> <td><a href="#"><img src="http://p1.mb5u.com/texiao/1/2011022516042958.jpg" border=0></a></td> <td><a href="#"><img src="http://p1.mb5u.com/texiao/1/2011022516042959.jpg" border=0></a></td> </tr> </table> </td> <td id="marquee_product2" valign="top"></td> </tr> </table> </div> <script type="text/javascript"> var speed=30; marquee_product2.innerHTML=marquee_product1.innerHTML; function Marquee(){ if(marquee_demo.scrollLeft>=marquee_product1.scrollWidth){ marquee_demo.scrollLeft=0; } else{ marquee_demo.scrollLeft++; } } var MyMar=setInterval(Marquee,speed); marquee_demo.onmouseover=function(){clearInterval(MyMar);} marquee_demo.onmouseout=function(){MyMar=setInterval(Marquee,speed);} </script> </body> </html>
所属频道:图片特效特效/更新时间:2012-12-28