js实现无缝跑马灯效果(图片轮播滚动跑马灯效果),跑马灯效果 2023-10-18 19:23:06 0 0 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) } 收藏(0)