背景色のフェードアウト表
1079 ワード
詳細
<!--
var step = 1; //
function show(obj) {
if ((obj.filters.alpha.opacity+step>=100)||(obj.filters.alpha.opacity+step<5)) step=-step;
obj.filters.alpha.opacity+=step;
}
setInterval ("show(me)",100);
//-->
:
コード解析:関数show(obj)では,実際にCSSのalphaフィルタを用いて,修飾対象の色のフェードアウト変化を実現した.オブジェクトの透明度(obj.filters.alpha.opacity+=step;)透明度が5未満の場合、100に加算すると、透明度値はステップ長(step)の反対数(step=-step;)に戻ります.これにより、透明度の値が5~100の間(変更可能)に変化し、フェードアウトの結果が得られます.関数の効果はsetInterval(パラメータ1,パラメータ1)によって周波数を制御します.setInterval()とsetTimeout()の構造は一致し、第1のパラメータは「イベント」であり、第2のパラメータは間隔時間(ミリ秒単位)、setInterval(「show(me)」、100である.で、show(me)はイベントで、私は修飾されたオブジェクトのid標識です.カスタマイズされた関数show(obj)は、修飾されたオブジェクトで機能し、id識別子が必要であり、setIntervalの識別子と一致する必要があります(Webコード全体で一意であることに注意してください).idタグのあるHTMLタグに対応するオブジェクトは、テキストの前景色、ピクチャ、テーブル、bodyの背景色など、関数で定義された効果を生じます.もちろん、この関数はCSSのalphaフィルタを使用しているので、このセクションの関数で修飾されたオブジェクトはalphaで修飾される必要があります(そうでなければ意味がありません).また、オブジェクトにはalphaの初期値が必要です(詳細は、プレゼンテーションの効果で色が濃淡に変化しているテーブルの世代コードを参照してください).