标题栏闪动效果，类似webqq技术

 Copy代码，保存为html格式看效果

 1 <html>
 2  <head>
 3     <script type="text/javascript">
 4         var step = 0;
 5         var st = null;
 6         function flash_title() {
 7             if (step == 5) { step = 0 }
 8             if (step == 0) { document.title = '☆☆☆☆★☆☆☆☆' }
 9             if (step == 1) { document.title = '☆☆☆★☆★☆☆☆' }
10             if (step == 2) { document.title = '☆☆★☆☆☆★☆☆' }
11             if (step == 3) { document.title = '☆★☆☆☆☆☆★☆' }
12             if (step == 4) { document.title = '★☆☆☆☆☆☆☆★' }
13             step++
14             st = setTimeout("flash_title()", 30);
15         }
16         window.onfocus = function() {
17             if (st != null)
18                 clearTimeout(st);
19         }
20         window.onblur = function() {
21             flash_title();
22         }
23     </script>
24 
25 </head>
26 <body>
27 </body>
28 </html>
29

 

posted @ 2009-12-24 16:18  花落花相醉  阅读(402)  评论(0)    收藏  举报