首页 > 编程语言 > 详细

Javascript让你的网页标题飘动起来

时间:2014-11-19 00:13:11      阅读:294      评论:0      收藏:0      [点我收藏+]

如果你有使用WebQQ,你也许会发现,每次收到信息的时候,就会看到title提示哪个网友或群来信息,然后网页的title就会开始飘动,挺人性化,蛮有意思的。而这个效果其实也不难,这里实现了这个效果,演示可以参看本页的title。鹤峰县烟草专卖局

下面给出JavaScript的实现代码,附上注释,应该很好懂的。

JavaScript Code:

	<script type="text/javascript">
        var dir = "left";
        function scroll() {
			// 获取title
            var title = document.title;
            if (dir == "left") {
				// 获取title第一个汉字(数字、字母)。 
                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 {
                ;
            }
        }
        function setDir(d) {
            dir = d;
        }
		// 使用setInterval()方法执行 
        setInterval("scroll()", 500);
    </script>

Javascript让你的网页标题飘动起来

原文:http://www.cnblogs.com/xiaoyang002/p/4106737.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!