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>