为了账号安全,请及时绑定邮箱和手机立即绑定

怎样实现鼠标滑过不滚动移出继续滚动呢?

对于setTimeout进行清除好像不起作用啊,老师求解答

正在回答

3 回答

window.onload= function () {
    var oMain=document.getElementById('main');
    var iLineHeight=20; //滚高高度
    oMain.innerHTML+=oMain.innerHTML;
    oMain.scrollTop=0;
    var timer;
    var can=false;
    var move;
    function startMove(){
        oMain.scrollTop++;
        timer=setInterval(scrollUp,50);
    }
    function scrollUp(){
        if(oMain.scrollTop%iLineHeight==0){
            clearInterval(timer);
            if(!can) {
                setTimeout(startMove, 2000)
            }
        }else{
            oMain.scrollTop++;
            if(oMain.scrollTop>=oMain.scrollHeight/2){
                oMain.scrollTop=0;
            }
        }
    }
   move=setTimeout(startMove,2000);
    oMain.onmouseenter= function () {
        can=true;
    }
    oMain.onmouseleave= function () {
        can=false;
        if(move){
            clearTimeout(move);
        }
        move=setTimeout(startMove,2000);
    }
}


0 回复 有任何疑惑可以回复我~

onmouseout和onmouseover的对象是谁啊没有对象怎么停止或启动啊,还有onmouseover写错了

0 回复 有任何疑惑可以回复我~

http://img1.sycdn.imooc.com//5546edb4000159b403340095.jpg代码如上

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
信息滚动效果制作
  • 参与学习       47751    人
  • 解答问题       321    个

萌妹子带您快速学习滚动效果,掌握无缝滚动和歇间性滚动的制作方法

进入课程

怎样实现鼠标滑过不滚动移出继续滚动呢?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信