このページに来るとき、だんだん背景が明るくなってゆくのがわかりました? for文とdocument.bgColorを組み合わせて作ります。 数値を適当に変えると、下の例のようなおもしろい効果も得られます。 約12秒程、電波障害のような現象が起こりますが、故障ではありません。 約12秒程経つと、元に戻ります。 (別名ポケモン効果:部屋を明るくして、画面から目を離して見てね) |
<SCRIPT LANGUAGE="JavaScript"> for( i = 0; i < 256; i++){ document.bgColor = i * 65793} </script>
HTMLで色を扱うときは16進数を用いますが、JavaScriptで16進数を扱うのは少し面倒なので、今回は通常の10進数でやってみましょう。(ただし MSIE 3.0ではうまく動きません。)
黒である000000からred,green,blueの値を1ずつ増やしていきます。1増えると010101、次は020202です。
16進数で010101は、10進では65793に当たります。i * 65793とし、iを255になるまで1ずつ増やすと黒から白へと変わってゆきます。
白はffffff(16777215)同じように減らせば今度は白から黒へとフェードアウトします。
[2000.03.13追記] このスクリプトを HEAD中に書くと、IE5.1では動作しないようです。
BODYの直後に書くようにしてください。
また、背景画像があるとできないようです。
<SCRIPT LANGUAGE="JavaScript"> function denpasyougai(){ for( i = 0; i < 256; i++){ document.bgColor = i*53651 ;} document.bgColor = "#ffffff"; } </script> <form> <input type="button" value="使用例:電波障害" onClick=denpasyougai()><br>
フェードインのように計算をせず適当な数値を入れると、不規則に色が変化します。
ループ終了後、document.bgColor = "#ffffff" で背景色を白に戻しています。
[★高収入が可能!WEBデザインのプロになってみない?!
自宅で仕事がしたい人必見!
]
[ CGIレンタルサービス | 100MBの無料HPスペース | 検索エンジン登録代行サービス ]
[ 初心者でも安心なレンタルサーバー。50MBで250円から。CGI・SSI・PHPが使えます。 ]
FC2 | キャッシング 花 | 出会い 無料アクセス解析 | |