HTML代码:
<div id="nameList" style="overflow:hidden; width:100%; height:60px;">
<ul id="notice">
<li>11111111111111111111111111111111</li>
<li>222222222222222222222222222222222</li>
<li>333333333333333333333333333333333</li>
<li>4444444444444444444444444444444444</li>
<li>5555555555555555555555555555555555</li>
</ul>
<div id="noticeback"></div>
</div>
JS代码:
window.onload=function(){
var speed=40;
var demo=document.getElementById("nameList");
var demo2=document.getElementById("noticeback");
var demo1=document.getElementById("notice");
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetHeight-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)};
}