JS实现霓虹文字效果的方法

本文介绍了用JS实现霓虹灯字的方法。分享给大家参考。具体如下：

这里用JS实现网页上霓虹文字的特殊代码效果。如果看运行效果，你会发现人物的颜色就像霓虹灯一样，不断变化，五颜六色，光彩夺目，所以称之为霓虹人物，或者可以称之为人物的变色效果。

运行效果截图如下：

具体代码如下：

！DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN ' ' http://www . w3 . org/TR/HTML 4/loose . DTD ' htmlhearteta http-equiv=' Content-Type ' Content=' text/HTML；Charset=gb2312'title霓虹灯/title/headsdyscriptvar Tname='欢迎您！var Tlen=Tname.lengthdocument . write(' div id=' a ' style=' font-size :40 px；'tname '/div ')；var col=新数组(' #FFCC00 '，' #3333FF '，' #FFCC00 '，' #FF0000 '，' #FFCC00 '，' # CC33FF ')；var IC=0；函数Dcolor(){ var Strname=' '；for(I=0；iTlenI){ var Strname=Strname ' font color=' col[IC]' ' Tname . substring(I，I 1)'/font '；IC=IC 1；if(IC==col . length)IC=0；} a.innerHTML=StrnamesetTimeout('Dcolor()'，200)；} Dcolor()；/script span class=' style 5 '/span/body/html希望这篇文章对你的javascript编程有所帮助。