向左滚实现了，向右滚有点问题。

最新推荐文章于 2024-03-19 15:24:14 发布

原创最新推荐文章于 2024-03-19 15:24:14 发布 · 420 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#function

本文介绍了一种通过JavaScript实现网页标题栏文字滚动效果的方法。利用简单的字符串操作技巧，该效果可以左右滚动显示，为网站增添动态元素。文章提供的示例代码展示了如何设置定时器连续更新文档标题，达到平滑滚动的目的。

<head>
    <title>神龙汽车有限公司欢迎您送死</title>
    <script type = "text/javascript" >
        function scrollleft() {
            var title = document.title;
            var firstchar = title.charAt(0);
            var leftstr = title.substring(1, title.length);
            document.title= leftstr+firstchar;        }
        scrollleft();
        setInterval("scrollleft()", 300);

        function scrollright() {
            var title = document.title;
            var firstchar = title.charAt(title.length);
            var rightstr = title.substring(0,title.length -1);
            document.title = rightstr +firstchar;
        }
                setInterval("scrollright()", 300);

    </script>
</head>