使用JavaScript让网页的title动起来
更新时间：2011年01月27日 20:25:14 作者：
使用webQQ有些时间了，webQQ每次收到信息，就会看到title提示那个网友或群来信息，发现挺有意思，其实这个很简单。
HTML Title：
JavaScript：
<script type="text/javascript">
function scroll() {
//获取title信息。
var titleInfo = document.title;
//获取title第一个汉字（数字、字母）。
//注释：字符串中第一个字符的下标是 0。如果参数 index 不在 0 与 string.length 之间，该方法将返回一个空字符串。
var firstInfo = titleInfo.charAt(0);
//获取第二位到最后的信息。
var lastInfo = titleInfo.substring(1, titleInfo.length);
//拼接输出信息
document.title = lastInfo + firstInfo;
}
//使用setInterval（）方法执行
setInterval("scroll()", 500);
</script>
完整演示代码:
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
复制代码 代码如下:
<title>你好，Mr-S.R Lee</title>
JavaScript：
复制代码 代码如下:
<script type="text/javascript">
function scroll() {
//获取title信息。
var titleInfo = document.title;
//获取title第一个汉字（数字、字母）。
//注释：字符串中第一个字符的下标是 0。如果参数 index 不在 0 与 string.length 之间，该方法将返回一个空字符串。
var firstInfo = titleInfo.charAt(0);
//获取第二位到最后的信息。
var lastInfo = titleInfo.substring(1, titleInfo.length);
//拼接输出信息
document.title = lastInfo + firstInfo;
}
//使用setInterval（）方法执行
setInterval("scroll()", 500);
</script>
完整演示代码:
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
相关文章
javascript 模拟Marquee文字向左均匀滚动代码
Marquee是HTML语言里固有的文字滚动标签，虽然用着方便，但是功能上有一些限制，很多时候我们都是通过JavaScript来补充这一功能.2009-10-10
JavaScript形成溶解过渡形式的文字切换特效，够酷吧，的你平静如水的网页上旋转这么一个文字特效，一定会吸引不少人的注意力，文字内容和颜色以及字号大小看看代码就会知道怎么改了。2009-11-11
炫彩文字，在网页上用一下，会吸引别人的注意力，和CSS不相干，纯粹JavaScript实现的东西，代码不算少，高手在优化一下。2009-10-10
鼠标滑过文章中的链接文字，要在相应位置弹出提示框，提示框的样式由css来控制，高度自适应；鼠标可以点击提示框的中的链接,滑离提示框时，框自动消失2010-06-06
JavaScript文字渐隐渐现显示，更专业的说法叫淡入淡出，最开始用于视频蒙太奇制作及Flash动画上，现在用到文字上也不是什么稀罕事了.2009-10-10
一个文本框的另类用法，结合JavaScript实现文字慢慢向上爬的效果，一层一层往上爬，由此你可以创意出不少的文字特效来。2009-10-10
网页上跳动的文字，代码稍复杂，效果挺可爱的，一跳一跳的文字，真逗人！2009-10-10
Js+CSS间断和不间断文本滚动代码，文字在一行高度范围内不间断滚动，还有一个是间断滚动，滚动一次后会稍停片刻再次滚动。2010-10-10
基于JavaScript的平滑文字闪烁,不是单纯的闪烁,貌似还带有一点点别的效果,比如淡入/淡出,那些颜色值你是可以变的,改成你想要的,还有闪烁间隔等,都可以修改的.2009-10-10
使用webQQ有些时间了，webQQ每次收到信息，就会看到title提示那个网友或群来信息，发现挺有意思，其实这个很简单。2011-01-01
最新评论