网页标题闪烁特效(Jquery和Javascript)

文章简介:网页标题闪烁Jquery版本与Javascript版本。
霸气宣言:网页标题闪烁
作品类型:动态效果(动态JS、jQuery作品)
作品描述:网页标题闪烁Jquery版本与Javascript版本
 
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 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>

Javascript版本

<!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 ;
 < br />
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>

时间: 2024-11-10 08:08:15

网页标题闪烁特效(Jquery和Javascript)的相关文章

jQuery实现新消息在网页标题闪烁提示

         这篇文章主要介绍了jQuery实现新消息在网页标题闪烁提示的相关资料,需要的朋友可以参考下              可能有一些站长会注意到这样的效果,就是我们在一些SNS社交.社区论坛浏览时,经常会看到收到的新消息会闪烁标题提示,那么这样的效果我们能不能运用在 自己的网站呢,新消息在网页标题闪烁显示的效果如何实现?小编有幸在某牛人技术博客看到这样的代码,基于jquery框架. ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

jQuery实现新消息在网页标题闪烁提示_jquery

可能有一些站长会注意到这样的效果,就是我们在一些SNS社交.社区论坛浏览时,经常会看到收到的新消息会闪烁标题提示,那么这样的效果我们能不能运用在 自己的网站呢,新消息在网页标题闪烁显示的效果如何实现?小编有幸在某牛人技术博客看到这样的代码,基于jquery框架. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href=&qu

让新消息在网页标题闪烁提示的jQuery代码_jquery

可能有一些站长会注意到这样的效果,就是我们在一些SNS社交.社区论坛浏览时,经常会看到收到的新消息会闪烁标题提示,那么这样的效果我们能不能运用在自己的网站呢,新消息在网页标题闪烁显示的效果如何实现?小编有幸在某牛人技术博客看到这样的代码,基于jquery框架. 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,特别新增网页版演示. 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional

jQuery网页背景灯光闪烁特效

下载地址:http://download.csdn.net/detail/cometwo/9401539 jQuery网页背景灯光闪烁特效jQuery网页背景灯光闪烁特效jQuery网页背景灯光闪烁特效jQuery网页背景灯光闪烁特效jQuery网页背景灯光闪烁特效jQuery网页背景灯光闪烁特效jQuery网页背景灯光闪烁特效jQuery网页背景灯光闪烁特效jQuery网页背景灯光闪烁特效jQuery网页背景灯光闪烁特效jQuery网页背景灯光闪烁特效jQuery网页背景灯光闪烁特效jQuer

javascript 获取网页标题代码实例

 这篇文章主要介绍了javascript 获取网页标题代码实例,有需要的朋友可以参考一下 代码如下: <!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"&

javascript 获取网页标题代码实例_javascript技巧

复制代码 代码如下: <!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="

javascript_获取网页标题代码

javascript_获取网页标题代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.jzread.com/1999/xhtml"> <head> <meta h

JavaScript获取当前网页标题(title)的方法_javascript技巧

本文实例讲述了JavaScript获取当前网页标题(title)的方法.分享给大家供大家参考.具体如下: JS中的document.title可以获取当前网页的标题 <!DOCTYPE html> <html> <head> <title>jb51.net</title> </head> <body> current document's title is: <script> document.write(do

jQuery网页定位导航特效实现方法_jquery

本文实例讲述了jQuery网页定位导航特效实现方法.分享给大家供大家参考,具体如下: 描述:左右联动的导航,非常适合展示页面内容多,区块划分又很明显的,点击右边固定导航项时,左边的内容跟着切换.滑动滚动条的时候,右边的导航也随着左边的展示而进行高亮切换. 思路:比较滚动距离和楼层距离(相对于顶部),如果滚动距离大于等于楼层距离,即进入了相应楼层,然后通过一个变量来记录该楼层的信息,最后传递给右边高亮显示 1.点击右边固定导航项时,左边的内容跟着切换. 只需将右边a的href设置为左边区块的id加