标题栏走马灯效果

最新推荐文章于 2022-11-15 07:49:03 发布

前端晚自习

最新推荐文章于 2022-11-15 07:49:03 发布

阅读量2.3k

点赞数

分类专栏： ASP.NET 文章标签： scroll button function 浏览器

本文链接：https://blog.csdn.net/weican57/article/details/6615480

版权

ASP.NET 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<html>
<head>
<title>走马灯效果</title>
<script type="text/javascript">
        var dir = "left";
        function scroll() {
            var title = document.title;
            if (dir == "left") {
                var firstch = title.charAt(0);
                var leftstr = title.substring(1, title.length);
                document.title = leftstr + firstch;
            }
            else if (dir == "right") {
                var lastch = title.charAt(title.length - 1);
                var leftstr = title.substring(0, title.length - 1);
                document.title = lastch + leftstr;
            }
            else {
                alert("错误的方向值！");
            }
        }
 
        function setDir(d) {
            dir = d;
        }
        setInterval("scroll()", 500);
    </script>
</head>
<body>
<p>这是一个用定时器实现标题栏走马灯效果的程序，请观察浏览器的标题栏看效果。</p>
<input type="button" value="点击向左滚动" οnclick="setDir('left');" />
<input type="button" value="点击向右滚动" οnclick="setDir('right');" />

</body>
<html>