js实现无缝跑马灯效果(图片轮播滚动跑马灯效果),跑马灯效果

1、js实现无缝跑马灯效果

页面html:

 "imgShows" runat="server" style="padding-bottom: 10px;"> "demo" style="overflow: hidden; width: 100%; height: 190px"> 
"0" cellpadding="0" align="left" border="0" cellspace="0">  "demo1" valign="top" runat="server"> "demo2" valign="top"> "text/javascript"> var speed = 10 var demo = document.getElementById("demo"); var demo1 = document.getElementById("demo1"); var demo2 = document.getElementById("demo2"); demo2[xss_clean] = demo1[xss_clean] function Marquee() { if (demo2.offsetWidth - demo.scrollLeft <= 0) demo.scrollLeft -= demo1.offsetWidth else { demo.scrollLeft++ } } var MyMar = setInterval(Marquee, speed) demo.onmouseover = function () { clearInterval(MyMar) } demo.onmouseout = function () { MyMar = setInterval(Marquee, speed) }

相关推荐

相关文章