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

无缝滚动可 做些代码优化

var Marquee = function(id){
    try{document.execCommand("BackgroundImageCache",false,true);}catch(e){};
    //解决ie6下背景图片缓存问题
    var
    marquee_box = document.getElementById(id),
    genuine = marquee_box.getElementsByTagName("dt")[0],
    clone = marquee_box.getElementsByTagName("dd")[0],
    speed = arguments[1] || 10;
    clone.innnerHTML = genuine.innerHTML;
    var scrollFn = function(){
        if(marquee_box.scrollTop == clone.offsetTop){
            marquee_box.scrollTop = 0;
        }else{
            marquee_box.scrollTop++;
        }
    };
    var timer = setInterval(scrollFn,speed);//设置定时器
    marquee_box.onmouseover = function(){ 
        clearInterval(timer); //移入清除定时器,停止滚动
    };
    marquee_box.onmouseout = function(){
        timer = setInterval(scrollFn,speed); //移开时重设定时器
    };
};
window.onload = function(){
    Marquee("yourid");
}


正在回答

1 回答

感谢分享。

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

举报

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

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

进入课程

无缝滚动可 做些代码优化

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