JavaScript 实现网站标题自定义、滚动、闪烁

闲着没事浏览网站的时候发现的这几段 JS 代码，记录下来并应用到了自己博客上。有喜欢这个小特效的朋友也可以直接拿过来使用，废话不多说，直接上代码。


网站标题自定义并滚动

1. // JS代码实现网站标题自定义
   
2. <script type="text/javascript">
   
3. var sTitle = "欢迎光临!蝈蝈要安静 | 一个不学无术的伪程序员"
   
4. function TitleMove(){
   
5.     sTitle = sTitle.substring(1, sTitle.length) + sTitle.substring(0, 1);
   
6.     document.title = sTitle;
   
7.     status = sTitle;
   
8. }
   
9. window.setInterval("TitleMove()", 100);
   
10. </script>
    
11. 网站标题滚动显示
    
12. // JS代码实现网站标题滚动显示
    
13. <script type="text/javascript">
    
14. var msg = document.title;
    
15. msg = "………" + msg;pos = 0;
    
16. function scrollMSG() {
    
17.     document.title = msg.substring(pos, msg.length) + msg.substring(pos, 0);
    
18.     pos++;
    
19.     if (pos > msg.length) pos = 0
    
20.     window.setTimeout("scrollMSG()",200);
    
21. }
    
22. scrollMSG();
    
23. </script>

复制代码

网站标题闪烁显示

1. // JS代码实现网站标题闪烁显示
   
2. <script type="text/javascript">
   
3. var step=0;
   
4. var ftitle=document.title; //获取网页标题
   
5. var space='';
   
6. for(var i=0;i<=ftitle.length;i++)space+='　'; //根据标题长度生产相应的空字符
   
7. function flash_title(){
   
8.     step++
   
9.     if (step==3) {step=1}
   
10.     if (step==1) {document.title=space}
    
11.     if (step==2) {document.title=ftitle}
    
12.     setTimeout("flash_title()",500);
    
13. }
    
14. flash_title();
    
15. </script>

复制代码