原生js实现文字无缝向上滚动效果

在网上查找到了一个实现文字无缝向上滚动效果的源码，结果发现运行有问题，于是就稍加改动，实现了js无缝向上滚动的效果。

<script>
        window.onload = roll(50);        
        function roll(t) {
            var ul1 = document.getElementById("ul1");
            var ul2 = document.getElementById("ul2");
            var box = document.getElementById("broadcast"); ul2.innerHTML = ul1.innerHTML; box.scrollTop = 0; var timer = setInterval(rollStart, t); box.onmouseover = function () { clearInterval(timer) } box.onmouseout = function () { timer = setInterval(rollStart, t); } } function rollStart() { if (document.getElementById("broadcast").scrollTop >= document.getElementById("ul1").scrollHeight) { document.getElementById("broadcast").scrollTop = 0; } else { document.getElementById("broadcast").scrollTop++; } } </script>

 

转载于:https://www.cnblogs.com/imustun/p/9399740.html