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

标签：http   io   ar   使用   java   on   cti   代码   bs   

如果你有使用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   io   ar   使用   java   on   cti   代码   bs   

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