Dreamweaver TechniqueJAVA Script サンプル | CSS sample | JAVA Applet sample | Flash Sample
HTML4.0 riference | DynamicHTMLXHTML | XML sample | XSLT sample | RIKO's ASP Trial

 背景をフェードイン表示する

JAVA Scriptを使うと、ページの背景色を自由に変更することができます。ここでは、背景色を黒から白にフェードイン表示する方法を考えてみましょう。

■ 背景色の書き換えの処理

「wave」フィルタの「strength」(波の振動幅)の初期値を100にし、一定の間隔で徐々に減らして最終的に0になるようにJAVA Scriptで定義します。

<SCRIPT LANGUAGE="JavaScript">
<!--
for(i=0; i<=255; i++)
{
document.bgColor=i*0x010101
}
//-->
</SCRIPT>

背景色を黒から白へスムーズに変化させるには、背景色のプロパティ(bgColor)の値を「010101」のような16進数で記述し、「010101」「020202」のように「010101」ずつ大きくしていくのがポイントです。
JAVA Scriptで16進数を扱う時には、数値の先頭に「0x」をつけて「0x010101」のように記述します。

<<<戻る

R HOUSE | RIKO's Trial Page | Shirley's Pettit Case | Shirley's i-box | Shirley's little box