JS不间断向上滚动效果代码

Javascript教程 2025-08-20

复制代码代码如下:

< div id=demo style=overflow:hidden;height:139;width:232;background:#f4f4f4;color:#ffffff >< div id=demo1 >< img src="http://www.lanrent***uku.com/down/js/images/12460764740.jpg" >< img src="http://www.l*a*nr*entuku.com/down/js/images/12460764741.jpg" >< img src="http://www.lan*re*nt*uku.com/down/js/images/12460764742.jpg" >< img src="http://www.la**nr*entuku.com/down/js/images/12460764743.jpg" >< img src="http://www.*l*anren*tuku.com/down/js/images/12460764744.jpg" >< /div >

< div id=demo2 >< /div >

< /div >

< script >

var speed=50

demo2.innerHTML=demo1.innerHTML

function Marquee(){

if(demo2.offsetTop-demo.scrollTop< =0)

demo.scrollTop-=demo1.offsetHeight

else{

demo.scrollTop++

}

}

var MyMar=setInterval(Marquee,speed)

demo.onmouseover=function() {clearInterval(MyMar)}

demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}

< /script >

< p >< a href="//www.VeVB.COm/jiaoben/" target="_blank" >< /a >< /p >