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

如果你有使用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>

posted on 2014-11-18 21:06  复活的老羊  阅读(177)  评论(0编辑  收藏  举报

导航