使用JavaScript让网页的title动起来
作者:
使用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需刷新才能执行]