您好,欢迎来到源码搜藏!分享精神,快乐你我!提示:担心找不到本站?在百度搜索“源码搜藏”,网址永远不丢失!
  • 首 页
  • 在线工具
  • 当前位置:首页 > 网页特效 > 文字特效 >

    超简洁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>
    超简洁JS网页title标题跑动闪烁提示效果由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/wenzi/7043.html
    标签:网站源码