js公告欄,上下無縫滾動
阿新 • • 發佈:2019-01-08
- 你好,我是公告1。
- 你好,我是公告2。
- 你好,我是公告3。
- 你好,我是公告4。
<script type="text/javascript"> var PartArea = document.getElementById('part2'); var Scroll1 = document.getElementById('scroll1'); var Scroll2 = document.getElementById('scroll2'); Scroll2.innerHTML = Scroll1.innerHTML; function roll() { if (Scroll2.offsetHeight - PartArea.scrollTop <= 0) { PartArea.scrollTop -= Scroll1.offsetHeight; } else { PartArea.scrollTop++; } } var StopRoll = setInterval(roll, 60); PartArea.onmouseover = function () { clearInterval(StopRoll); } PartArea.onmouseout = function () { StopRoll = setInterval(roll, 60); } </script>