twitter ■お問い合わせ当サイトへのリンクサイト仕様

現在位置 > LostTechnology > JavaScript > Rainbow String

Rainbow String

このJavaScriptは2001年3月に発売された著書「わたしにもできる動くホームページ」に収録したものです。Internet Explorer 4の頃に作成したものであるため、そのうちjQuery用にしてもっとシンプルな実装で作成するかもしれません。

指定した要素の文字列を虹色でアニメーションさせるためのDynamicHTML(DOM+JavaScript)です。スクリプトはscriptフォルダにあるものとして記述しています。

Sample

"Rainbow String"を使えば、虹色のアニメーションとなります。
<div id="rainbow" style="padding:1ex; background-color:black; color:white; border-style:inset; border-width:4pt; border-color:white; font-size:150%;">"Rainbow String"を使えば、虹色のアニメーションとなります。</div>

ID名は自由ですが、スクリプトの実行時に必ず指定したID名を使用してください。

<SCRIPT type="text/javascript" src="script/raindowstring.js"></SCRIPT>

ここからスクリプトをファイルに保存して、<HEAD>~</HEAD>内に記述してスクリプトを読み込ませます。

<BODY onload="RainbowString('rainbow',0,300);">

スクリプトは<BODY>のonload属性で実行します。最初のパラメータが指定したID名で、2番目のパラメータが開始色番号、3番目のパラメータが処理タイミング(ミリ秒)です。