js公告栏,上下无缝滚动

公告栏滚动
  • 你好,我是公告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>

猜你喜欢

转载自blog.csdn.net/qq_37398519/article/details/85116855