当前位置:首页 > 网页特效 > 文字特效 >

超简洁JS网页title标题跑动闪烁提示效果

时间:2014-04-02 08:34 来源:互联网 作者:源码搜藏 收藏 推荐

运行代码 保存代码 复制代码 提示:您可以先修改部分代码再运行,保存代码功能在Firefox下无效。
  • 不几行JS代码实现的网页Title文字跑动效果,类似有消息时的标题闪烁提醒功能,在JS代码中,当变量_record累加到3是,将其赋值为1。相当于无限循环。需要显示的消息提示内容可自拟哦。
  • <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>JS实现title标题闪烁提示信息</title>
    </head>
    <body>
    <script type="text/javascript">
    _record = 0;
    var myTitle = document.title;
    function titleBlink(){
    _record++;
    if(_record==3){//当变量_record累加到3是,将其赋值为1。相当于无限循环。
    _record=1;
    }
    if(_record==1){
    document.title='【      】'+myTitle;
    }
    if(_record==2){
    document.title='【新消息】'+myTitle;
    }
    setTimeout("titleBlink()",500);//调节时间,单位毫秒。
    }
    titleBlink();
    </script>
    <center><h1>几行js实现闪烁的title。</h1></center>
    <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
    </div>
    </body>
    </html>
由源码搜藏网整理,转载请注明出处https://www.codesocang.com/tx-wenzi/7043.html

文字特效下载排行

最新文章