Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 网页标题闪烁title标题闪烁(js、jquery)

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

发布时间:2015-05-01   编辑:www.jquerycn.cn
分享二例网页标题闪烁,即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.jquerycn.cn</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.jquerycn.cn</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>

您可能感兴趣的文章:
js实现网页标题栏的闪烁效果(示例)
js实现网页标题闪烁效果
网页标题闪烁title标题闪烁(js、jquery)
JS函数实现网页标题(title)闪动效果
让新消息在网页标题闪烁提示的jQuery代码
JQury slideToggle闪烁问题及解决办法
网页标题title闪动提示效果实现方法
fool.js
jQuery 渐变下拉菜单
扩展Jquery插件处理mouseover时内部有子元素时发生样式闪烁

关键词: 标题栏  标题闪烁  网页标题   
[关闭]