在網上查找到了一個實現文字無縫向上滾動效果的源碼,結果發現運行有問題,於是就稍加改動,實現了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>