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