原生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>

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM