NO.141 ドキュメント応用①

動的なグラデーション文字

ドキュメント応用・・・のっけから非実用的な実例です。
ページ全体で文字色を変化させる事で、芸術的な世界観を再現・・・できるとは思いません。
ただ、単なるグラデーション文字と違って一種の受け狙いには使える気がします。
ゆっくり変化させるなら少しは強調に使えるかもしれません。

実行例

ソース

<script type=text/javascript>
<!--
tm=0.1;//時間を秒指定
CL=new Array("gray","white","yellow","gold","orange","red","darkred","darkviolet","blueviolet","darkblue","blue","aqua","lime","green","darkgreen","black");
B=0;
function GG(){
document.fgColor=CL[B];
B++;
if(B==CL.length){B=0;}
}
function DD(){clearInterval(mm);}
mm=setInterval('GG()',tm*1000);
window.onunload=DD;
-->
</script>

※Array⇒配列、変数名=setInterval⇒一定間隔で動くタイマーを設定する、clearInterval(変数名)⇒setIntervalで設定したタイマーを解除

実行 ※ページ全体を参照

トップに戻る前に戻る　次に進む

SEO		[PR] 爆速!無料ブログ無料ホームページ開設無料ライブ放送