| ポイント |
<![CDATA[
c = str.charAt(count++);
document.bgColor = "#"+c+c+c+c+c+c+c+c;
if (count < 16) setTimeout("fade('" + str + "')",500);
<body bgcolor="black" onLoad="fade('0123456789ABCDEF')">
]]>
|
| 説 明 |
フェードイン／アウトさせるには背景色を変化させます。背景色はdocument.bgColorに"#FF8833"といった色コードまたは色名を設定します。フェードさせるには、色コードを変化させますが、色コードを算出するのに"0123456789ABCDEF"の文字列から１文字抜き出して連結します。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>フェードイン／フェードアウトさせる</title>
<script Language="JavaScript"><!--
count = 0;
function fade(str)
{
c = str.charAt(count++);
document.bgColor = "#"+c+c+c+c+c+c+c+c;
if (count < 16) setTimeout("fade('" + str + "')",500);
}
// --></script>
</head>
<body bgcolor="black" onLoad="fade('0123456789ABCDEF')">
フェードイン／フェードアウトさせる
</body>
</html>
]]>
|
| 補足説明 |
なし |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
フェードイン／フェードアウトさせる