首页 > 代码库 > Javascript让你的网页标题飘动起来

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>

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