jquer和JS版：网页标题闪烁 title标题闪烁

 

 

 

 

jquery版：

 

<!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=utf-8" />
<title>我的文档</title>
<script type="text/javascript" language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
        title_default = $("title").text() ;
        show = "【新消息】"+title_default ;
        none = "【】"+title_default ;
        i =0 ;
        Flicker() ;
})
function Flicker () {
        setInterval("Change()",1000)
}
function Change () {
        if(i==0) {
                $("title").text(show)
                i = 1 ;
        }
        else {
                $("title").text(none)
                i = 0 ;
        }
}
</script>
</head>

<body>
</body>
</html>

 

 

 

JS版：

<!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=utf-8" />
<title>我的文档</title>
<script type="text/javascript" language="javascript">
Flicker() ;
var title = document.getElementsByTagName("title") ;
var title_txt = title[0].firstChild.nodeValue ;
var show = "【新消息】"+title_txt ;
var none = "【】"+title_txt ;
var i = 0 ;

function Flicker () {
        setInterval("Change()",1000)
}
function Change () {
        if(i==0) {
                title[0].firstChild.nodeValue = show ;
                i = 1 ;
        }
        else {
                title[0].firstChild.nodeValue = none ;
                i = 0 ;
        }
}
</script>
</head>

<body>
</body>
</html>

 

 

 

 

 

 

 

 

 

posted @ 2012-06-13 00:09  赵小磊  阅读(676)  评论(0)  编辑  收藏  举报
回到头部