文字特效

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > 网页特效 > 文字特效 > title 动起来

使用JavaScript让网页的title动起来

作者:

使用webQQ有些时间了,webQQ每次收到信息,就会看到title提示那个网友或群来信息,发现挺有意思,其实这个很简单。
HTML Title:
复制代码 代码如下:
<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需刷新才能执行]
您可能感兴趣的文章:
阅读全文