|
 |
|
ページのフェードイン
 |
IE 4.0↑ |
 |
未対応 |
| オススメ度： |
 |
|
設置難易度： |
|
サンプルと機能
→ Sample 1：ページのフェードイン
透明度を変更するフィルタを使って、ページのフェードインを行います。
Netscape Navigatorには対応していません。
サンプルスクリプト
緑の文字が変更箇所で、赤い文字が対応するスクリプトです。
"//"以下はコメントです。削除しても影響ありません。
必要な箇所をコピー＆貼り付けして編集してください。
→ Sample 1：ページのフェードイン
<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT language="JavaScript">
<!--
// 画像のフェードイン・フェードアウト
spd = 50; // 変化させる間隔（ミリ秒単位）
ntc = 5; // 何%ずつ変化させるか
cnt = 0;
// フェードイン
function fdInImg() {
document.body.filters['alpha'].opacity = cnt;
cnt += ntc;
if(cnt >= 100) return;
setTimeout("fdInImg()",spd);
}
//-->
</SCRIPT>
</HEAD>
<BODY bgcolor="#0000ff" onLoad="fdInImg()" style="filter:alpha(opacity=0);">
ページがフェードインします。
<BR><BR>
<BR><BR>
</BODY>
</HTML> |
解説・注意点など
<BODY>タグの
style="filter:alpha(opacity=0);"
であらかじめページを透明にしています。
← JavaScriptに戻る
|
|
|
