HTML部分:
无缝滚动
- 111111111111
- 222222222222
- 333333333333
- 444444444444
- 555555555555
- 666666666666
- 777777777777
- 888888888888
- 999999999999
CSS部分:
#box{ height:240px; width:300px; margin:0 auto; border:1px solid #0066FF; overflow:hidden; padding-bottom:20px; } #box li{ color:#333; padding:5px 0; } #box ul{ margin:0; padding:0; }
JS部分:
var area=document.getElementById("box");var con1=document.getElementById("con1");var con2=document.getElementById("con2");con2.innerHTML=con1.innerHTML;function scrollUp(){ if(area.scrollTop>=con1.offsetHeight){ area.scrollTop=0; }else{ area.scrollTop++; }}var time=50;myscroll=setInterval("scrollUp()",time);area.onmouseover=function (){ clearInterval(myscroll);}area.onmouseout=function (){ myscroll=setInterval("scrollUp()",time);}