使用JavaScript让网页title动起来

使用webQQ有些时间了,webQQ每次收到信息,就会看到title提示那个网友或群来信息,发现挺有意思,其实这个很简单。

HTML Title:

   1: <title>你好,Mr-S.R Lee</title>

 

JavaScript:

   1: <script type="text/javascript">
   2:       function scroll() {
   3:           //获取title信息。
   4:           var titleInfo = document.title;
   5:           //获取title第一个汉字(数字、字母)。
   6:           //注释:字符串中第一个字符的下标是 0。如果参数 index 不在 0 与 string.length 之间,该方法将返回一个空字符串。
   7:           var firstInfo = titleInfo.charAt(0);
   8:           //获取第二位到最后的信息。
   9:           var lastInfo = titleInfo.substring(1, titleInfo.length);
  10:           //拼接输出信息
  11:           document.title = lastInfo + firstInfo;
  12:       }
  13:       //使用setInterval()方法执行
  14:       setInterval("scroll()", 500);
  15:   </script>
posted @ 2011-01-21 15:57  TC-MrLee  阅读(634)  评论(0编辑  收藏  举报