基于JavaScript制作霓虹灯文字 代码 特效

这里使用JS实现网页上的霓虹灯文字特效代码特效,运行效果看一下,你会看到文字的颜色像霓虹灯一样,连续不停变化,五颜六色的,很炫的样子,所以就叫做霓虹文字,也可以叫他文字变色效果,下面跟着小编一起学习JavaScript制作霓虹灯文字 代码特效,需要的朋友一起学习吧

示例一:

运行效果截图如下:

具体代码如下:

 http-equiv="Content-Type" content="text/html; charset=gb2312">

霓虹灯

 var Tname="欢迎您的到来!"; var Tlen=Tname.length; document.write(""+Tname+""); var col=new Array("#FFCC00","#3333FF","#FFCC00","#FF0000","#FFCC00","#CC33FF"); var ic=0; function Dcolor(){ var Strname=""; for (i=0;iTlen;++i){ var Strname=Strname+"+col[ic]+">"+Tname.substring(i,i+1)+""; ic=ic+1; if (ic==col.length) ic=0; } a.innerHTML=Strname; setTimeout("Dcolor()",200); } Dcolor(); class="style5">

 示例二:

 效果图如下:

演示效果          源码下载

以上就是基于JavaScript制作霓虹灯文字 代码 特效的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » JavaScript 教程