开心网消息提示实现

发现开心网的消息提示挺好玩的!
自己写了一个!
代码如下:

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html  xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=gb2312"   />
< title > 开心网 </ title >
< script  language ="javascript" >
    
var  temp  =   1 ;
    
function  titleTest(){
        test();
    }
    
    
function  test(){
        
var  timer  =  setTimeout(test, " 500 " );
        
if (temp > 0   &&  temp % 2   == 0 ){
            document.title
= " 【______】 " ;
        }
        
if (temp > 0   &&  temp % 2 != 0 ){
            document.title
= " 【新消息】 " ;
        }
        
if (temp  ==   0 ){
            clearTimeout(timer);
        }
        temp
= temp + 1 ;
    }
    
function  stop(){
        temp 
=   0 ;
        document.title
= " 开心网 " ;
    }
</ script >
</ head >
< body >
< button  onclick ="titleTest()" > Test </ button >
< button  onclick ="stop()" > Stop </ button >
</ body >
</ html >

当然改进一下可以写的更好!我这只是随便写写!
 
转自:http://hi.baidu.com/guxing820/blog/item/0eafe0c248c608130ff47778.html

你可能感兴趣的:(实现)