zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    c内存结构
    Linux普通文件和设备的异同点
    二分查找在字符串中的应用范例
    快排的一种相当简单但不算最快的实现方式
    C程序的存储空间布局
    exit与_exit
    /proc文件系统
    Linux下监控磁盘空间的四个命令
    linux下监控进程需掌握的四个命令
    linux终端下文件不同颜色的含义
  • 原文地址:https://www.cnblogs.com/huanlei/p/2547140.html
Copyright © 2011-2022 走看看