继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

关于无缝间歇性滚动的效果!!

Coding青天
关注TA
已关注
手记 4
粉丝 7
获赞 34
function getDOM(id) {
       return document.getElementById(id);
   }
   var text=getDOM("moocBox");
   var con1=getDOM("con1");
   var con2=getDOM("con2");
   var timer;
   var times;
   con2.innerHTML=con1.innerHTML;
   function startMove() {
       text.scrollTop++;
       timer=setInterval("scrollUp()",50);
   }
   function scrollUp() {
       if(text.scrollTop % 24 ==0){
           clearInterval(timer);
           times=setTimeout("startMove()",2000);
       }else {
           text.scrollTop++;
           if(text.scrollTop==con1.offsetHeight){
               text.scrollTop=0;
           }
       }
   }
   startMove();
   text.onmouseover=function () {
       clearInterval(timer);
       clearTimeout(times);
   }
   text.onmouseout=function () {
       clearInterval(timer);
       clearTimeout(times);
       timer=setInterval("scrollUp()",50);
   }
打开App,阅读手记
3人推荐
发表评论
随时随地看视频慕课网APP