使用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需再刷新一下页面才能执行]
相关文章
网页上跳动的文字，代码稍复杂，效果挺可爱的，一跳一跳的文字，真逗人！2009-10-10
用js实现的上下文字滚动效果代码，需要的朋友可以参考下。2010-07-07
让链接必须按先后顺序点击的JS代码，用到广告上面比较好，有不少的文字或图片广告有类似效果，点链接的时候需要按顺序，请注意链接地址，写在JS代码里的是真正需要的地址。2009-10-10
CSS3 3D文字动画，看到这个字眼都觉得震撼，顺便兼用下另两个属性：transition 和 animation。由于使用CSS3技术，因此测试时请使用火狐或Chrome等浏览器，否则不能看到效果2012-12-12
一个JavaScript特效，在网页上反复显示一些可隐藏的文字，快速滚入而后快速消失，很不错的文字效果。2010-03-03
这是一个文字叠加滚动效果，当然离不开JavaScript了，看上去像MTV的歌词效果，用两种颜色的文字叠加形成的效果，用Js去控制时间和颜色，这个当然你可以自己修改噢！2009-10-10
JavaScript控制文字像跳跳球一样在网页上浮动，碰到边缘自动回来，有兴趣看一下。2009-11-11
使用webQQ有些时间了，webQQ每次收到信息，就会看到title提示那个网友或群来信息，发现挺有意思，其实这个很简单。2011-01-01
JavaScript编写的文字特效，看似打字的效果，让文字逐个出现，你可以以这个为基础给你心爱的人写一段祝福的语，这的确挺合适。2009-10-10
javascript 模拟Marquee文字向左均匀滚动代码
Marquee是HTML语言里固有的文字滚动标签，虽然用着方便，但是功能上有一些限制，很多时候我们都是通过JavaScript来补充这一功能.2009-10-10
最新评论