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

    霓虹灯文字代码 JS网页特效

    时间:2014-06-07 23:58 来源:互联网 作者:源码搜藏 浏览:收藏 挑错 推荐 打印

    运行代码保存代码复制代码 提示:您可以先修改部分代码再运行,保存代码功能在Firefox下无效。
    • JS实现网页上的霓虹灯文字特效代码特效,运行效果看一下,你会看到文字的颜色像霓虹灯一样,连续不停变化,五颜六色的,很炫的样子,所以就叫做霓虹文字吧,也可以叫他文字变色效果。
    • <script>
      var Tname="欢迎您的到来!";
      var Tlen=Tname.length;
      document.write("<div id='a' style='font-size:40px;'>"+Tname+"</div>");
      var col=new Array("#FFCC00","#3333FF","#FFCC00","#FF0000","#FFCC00","#CC33FF");
      var ic=0;
      function Dcolor(){
        var Strname="";
        for (i=0;i<Tlen;++i){
          var Strname=Strname+"<font color="+col[ic]+">"+Tname.substring(i,i+1)+"</font>";
      ic=ic+1;
        if (ic==col.length) ic=0;
        }
        a.innerHTML=Strname;
        setTimeout("Dcolor()",200);
      }
      Dcolor();
      </script> 
    霓虹灯文字代码 JS网页特效由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/wenzi/8541.html
    标签:网站源码