跑马灯效果

最新推荐文章于 2025-07-16 12:34:22 发布

weixin_30861797

最新推荐文章于 2025-07-16 12:34:22 发布

阅读量58

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/supershare/p/6249255.html

html 代码
<div id="outer">
    <span>#</span>
    <div id="inner">
        德国名企德司达被中国上市公司龙盛集团收购后，其下属的德司达（南京）染料有限公司因夜间向运河偷排废酸2698.1吨，公司被扬州中级法院判决构成污染环境罪
    </div>
</div>

JavaScript代码

~function () {
    var inner = document.getElementById("inner");
    var innerVal = inner.innerHTML;
    var timer = null;
    function init() {
        timer = window.setInterval(function () {
            var curL = inner.scrollLeft;//->加之前
            inner.scrollLeft = curL + 1;
            var nowL = inner.scrollLeft;//->加之后
            if (curL === nowL) {//->两个值相等说明已经到头了
                inner.innerHTML += "&nbsp;&nbsp;&nbsp;&nbsp;" + innerVal;
            }
        }, 10);
    }
    init();
    inner.onmouseover = function () {
        window.clearInterval(timer);
    };
    inner.onmouseout = init;
}();