网页标题闪烁title标题闪烁(js、jquery)

发布时间:2020-01-28编辑:脚本学堂
分享二例网页标题闪烁,即title标题闪烁的实现代码,分别用jquery与js来实现的,有需要的朋友参考下。

1,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标题闪烁_www.jb200.com</title>
<script type="text/javascript" language="javascript" src="/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>

2,JS版 网页标题闪烁、title标题闪烁。
 

复制代码 代码示例:

<!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标题闪烁_www.jb200.com</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>