rolling.js 489 B

123456789101112131415
  1. var speed=15;//控制滚动时间,时间越小滚动越快
  2. var tab=document.getElementById("demo");
  3. var tab1=document.getElementById("demo1");
  4. var tab2=document.getElementById("demo2");
  5. tab2.innerHTML=tab1.innerHTML;
  6. function Marquee(){
  7. if(tab2.offsetWidth-tab.scrollLeft<=0)
  8. tab.scrollLeft-=tab1.offsetWidth
  9. else{
  10. tab.scrollLeft++;
  11. }
  12. }
  13. var MyMar=setInterval(Marquee,speed);
  14. tab.onmouseover=function() {clearInterval(MyMar)};
  15. tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};