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

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

WBOY
リリース: 2016-05-16 15:41:15
オリジナル
1568 人が閲覧しました

例 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:

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

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート