這里使用JS實(shí)現(xiàn)網(wǎng)頁上的霓虹燈文字特效代碼特效，運(yùn)行效果看一下，你會(huì)看到文字的顏色像霓虹燈一樣，連續(xù)不停變化，五顏六色的，很炫的樣子，所以就叫做霓虹文字，也可以叫他文字變色效果，下面跟著小編一起學(xué)習(xí)JavaScript制作霓虹燈文字代碼特效，需要的朋友一起學(xué)習(xí)吧

示例一：

運(yùn)行效果截圖如下：

具體代碼如下：

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">

示例二：

效果圖如下：

演示效果源碼下載

您可能感興趣的文章:

相關(guān)文章

JavaScript去掉數(shù)組中的重復(fù)元素
在寫程序過程中，經(jīng)常會(huì)遇到去除數(shù)組中重復(fù)元素的需求。要實(shí)現(xiàn)這個(gè)功能其實(shí)并不難
2011-01-01
JS中把字符轉(zhuǎn)成ASCII值的函數(shù)示例代碼
這篇文章主要是對(duì)JS中把字符轉(zhuǎn)成ASCII值的函數(shù)示例代碼進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助
2013-11-11
setTimeout 不斷吐食CPU的問題分析
有時(shí)候我們?cè)谑褂胹etTimeout的時(shí)候會(huì)導(dǎo)致IE特別占用cpu，有可能會(huì)導(dǎo)致死機(jī)等情況。
2009-04-04
淺談javascript中的閉包
Javascript中有幾個(gè)非常重要的語言特性——對(duì)象、原型繼承、閉包。其中閉包對(duì)于那些使用傳統(tǒng)靜態(tài)語言C/C++的程序員來說是一個(gè)新的語言特性。本文將以例子入手來介紹Javascript閉包的語言特性，并結(jié)合一點(diǎn) ECMAScript語言規(guī)范來使讀者可以更深入的理解閉包。
2015-05-05
js怎么判斷flash swf文件是否加載完畢
因?yàn)槲乙恢辈恢涝撛趺磁袛鄐wf文件是否加載完畢，于是想用js來實(shí)現(xiàn)這個(gè)功能,需要的朋友可以參考下
2014-08-08
javascript function、指針及內(nèi)置對(duì)象
該文摘自于匿名教程總結(jié)，希望對(duì)初學(xué)js的同學(xué)有幫助，因?yàn)樗鉀Q了我學(xué)習(xí)js的眾多迷惑。。。
2009-02-02
微信小程序?qū)崿F(xiàn)MUI數(shù)字輸入框效果
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)MUI數(shù)字輸入框效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-01-01
JS實(shí)現(xiàn)按鈕控制計(jì)時(shí)開始和停止功能
這篇文章給大家介紹了JS實(shí)現(xiàn)按鈕控制計(jì)時(shí)開始和停止功能，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧
2017-07-07
深入理解JavaScript定時(shí)機(jī)制
JavaScript的setTimeout與setInterval是兩個(gè)很容易欺騙別人感情的方法,因?yàn)槲覀冮_始常常以為調(diào)用了就會(huì)按既定的方式執(zhí)行, 我想不少人都深有同感
2010-10-10
js獲取當(dāng)前頁的URL與window.location.href簡(jiǎn)單方法
下面小編就為大家?guī)硪黄猨s獲取當(dāng)前頁的URL與window.location.href簡(jiǎn)單方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-02-02