フェードインの1

このページに来るとき、だんだん背景が明るくなってゆくのがわかりました?
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" で背景色を白に戻しています。

背景色フェードインの2はこちらをご覧下さい。

背景色変更へ戻る


[★高収入が可能!WEBデザインのプロになってみない?! Click Here! 自宅で仕事がしたい人必見! Click Here!]
[ CGIレンタルサービス | 100MBの無料HPスペース | 検索エンジン登録代行サービス ]
[ 初心者でも安心なレンタルサーバー。50MBで250円から。CGI・SSI・PHPが使えます。 ]


FC2 キャッシング 出会い 無料アクセス解析