网页标题闪烁title标题闪烁(js、jquery)
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闪烁问题及解决办法
360浏览器闪屏怎么办？360浏览器闪烁问题的解决办法
360浏览器闪屏怎么办 360浏览器闪烁解决方法
网页标题title闪动提示效果实现方法
jquery slideToggle闪烁问题的解决办法