首页 > 代码库 > 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让你的网页标题飘动起来
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。