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

霓虹灯文字代码 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> 
由源码搜藏网整理,转载请注明出处https://www.codesocang.com/tx-wenzi/8541.html

文字特效下载排行

最新文章