• 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>
  • 相关阅读:
    Android 中的 Service 全面总结
    数据库事务
    ADB server didn't ACK
    Eclipse中10个最有用的快捷键组合
    IoC框架
    Wifi相关的操作
    Hibernate generator小结
    不朽的青春
    JSCPC 2020 摸鱼记
    CCPC 2020 秦皇岛站 H题
  • 原文地址:https://www.cnblogs.com/huanlei/p/2547140.html
Copyright © 2020-2023  润新知