基于JavaScript制作霓虹燈文字代碼特效

更新時(shí)間：2015年09月01日 11:02:30 投稿：mrr

這里使用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)文章

mpvue微信小程序多列選擇器用法之省份城市選擇的實(shí)現(xiàn)
這篇文章主要給大家介紹了關(guān)于mpvue微信小程序多列選擇器用法之省份城市選擇實(shí)現(xiàn)的相關(guān)資料，文中通過示例代碼以及圖文介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
2019-03-03
基于js實(shí)現(xiàn)微信發(fā)送好友如何分享到朋友圈、微博
微信瀏覽器內(nèi)置了javascript私有對(duì)象WeixinJSBridge，可以實(shí)現(xiàn)發(fā)送給朋友、分享到朋友圈、分享到微博等功能，本篇文章給大家介紹基于js實(shí)現(xiàn)微信發(fā)送給朋友如何分享到朋友圈、微博，感興趣的朋友一起學(xué)習(xí)吧
2015-11-11
僅IE支持clearAttributes/mergeAttributes方法使用介紹
僅IE中HTMLElement元素具有clearAttributes/mergeAttributes方法，它們都是非標(biāo)準(zhǔn)的
2012-05-05
javascript實(shí)現(xiàn)5秒倒計(jì)時(shí)并跳轉(zhuǎn)功能
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)5秒倒計(jì)時(shí)并跳轉(zhuǎn)功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-06-06
微信小程序淘寶首頁雙排圖片布局排版代碼(推薦)
這篇文章主要介紹了微信小程序淘寶首頁雙排圖片布局排版代碼,本文通過圖文實(shí)例相結(jié)合給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2020-10-10
js列舉css中所有圖標(biāo)的實(shí)現(xiàn)代碼
最近在做一個(gè)通用的配置模塊。配置模塊中必然要對(duì)系統(tǒng)的菜單、功能模塊、權(quán)限資源等進(jìn)行配置，為了更好的用戶體驗(yàn)，圖標(biāo)是必不可少的！
2011-07-07
基于JavaScript實(shí)現(xiàn)頁面輪播圖漸變效果的示例代碼
這篇文章主要給大家分享如何使用JavaScript實(shí)現(xiàn)一個(gè)頁面輪播圖漸變效果,輪播圖是網(wǎng)頁開發(fā)中常見的功能之一,它能夠展示多個(gè)圖片或內(nèi)容,并以一定的時(shí)間間隔進(jìn)行自動(dòng)切換,而通過添加漸變效果,可以讓切換過程更加平滑流暢,感興趣的小伙伴可以自己動(dòng)手嘗試一下
2023-10-10
實(shí)例分析js和C#中使用正則表達(dá)式匹配a標(biāo)簽
本文通過2個(gè)實(shí)例，對(duì)比分析了在js和c#中使用正則表達(dá)式匹配a標(biāo)簽的異同，小伙伴們自己參考下吧，有利于深刻理解正則表達(dá)式的使用。
2014-11-11
一個(gè)可拖拽列寬表格實(shí)例演示
本文將詳細(xì)介紹一個(gè)可拖拽列寬表格實(shí)例,需要了解更多的朋友可以參考下
2012-11-11
從歷史講起JavaScript基因里的函數(shù)式編程實(shí)例
這篇文章主要為大家介紹了從歷史講起JavaScript基因里的函數(shù)式編程實(shí)例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-10-10