间歇滚动公告效果

js:

<script>
        var area = document.getElementById("area"); // 要滚动的区域
        var perScrollHeight = 24; // 每次滚动的高度
        area.innerHTML += area.innerHTML; // 为了实现循环滚动不出现空白，这里复制一段
        area.scrollTop = 0;
        var speed = 30; // 滚动的速度
        var delay = 2000; // 滚动的间隔 
        var timer; // 定时器

        // 开启下一次滚动
        function startMove() {
            area.scrollTop++;
            timer = setInterval("scrollUp()", speed);
        }

        function scrollUp() {
            // 当滚完一个时就停止2s
            if (area.scrollTop % perScrollHeight == 0) {
                clearInterval(timer);
                setTimeout("startMove", delay);
            } else {
                area.scrollTop++;
                // 实现循环滚动
                if (area.scrollTop >= area.scrollHeight / 2) {
                    area.scrollTop = 0;
                }
            }
        }

        // 初始化
        setTimeout("startMove()", delay);
    </script>