作者:夹uh山下 | 来源:互联网 | 2022-03-11 07:27
这里使用JS实现网页上的霓虹灯文字特效代码特效,运行效果看一下,你会看到文字的颜色像霓虹灯一样,连续不停变化,五颜六色的,很炫的样子,所以就叫做霓虹文字,也可以叫他文字变色效果,下面跟着小编一起学习JavaScript制作霓虹灯文字代码特效,需要的朋友一起学习吧
示例一:
运行效果截图如下:
![](https://img.php1.cn/3cd4a/9735/525/3bcd98024795db85.jpeg?s=#63;201581105926)
具体代码如下:
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">
示例二:
效果图如下:
![](https://img.php1.cn/3cd4a/9735/525/dc9e05753073fed3.jpeg?s=#63;20158111056)
演示效果 源码下载