ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript_javascript スキルに基づいてネオン テキスト コードと特殊効果を作成する

JavaScript_javascript スキルに基づいてネオン テキスト コードと特殊効果を作成する

WBOY
WBOYオリジナル
2016-05-16 15:41:151477ブラウズ

例 1:

実行中のエフェクトのスクリーンショットは次のとおりです:

具体的なコードは次のとおりです:

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

例 2:

レンダリングは次のとおりです:

デモエフェクト ソースコードのダウンロード

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。