实现文字横向滚动

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/zjs_csdns/article/details/88124761

html

<div id="scrollobj" class="hotword2" style="white-space:nowrap;overflow:hidden;width:400px;margin: auto;" onmouseover="stop()" onmouseout="start()"><span>欢迎您登录拜博医疗口腔集团内部网</span>
    </div>

js

<script>
        function scroll(obj) {
            var tmp = (obj.scrollLeft) ++;
            //当滚动条到达右边顶端时
            if (obj.scrollLeft == tmp) obj.innerHTML += obj.innerHTML;
            //当滚动条滚动了初始内容的宽度时滚动条回到最左端
            if (obj.scrollLeft >= obj.firstChild.offsetWidth) obj.scrollLeft = 0;
        }
        var a = setInterval("scroll(document.getElementById('scrollobj'))", 20);
        function stop() {
            clearInterval(a);
        }

        function start() {
            a = setInterval("scroll(document.getElementById('scrollobj'))", 20);
        }
    </script>