背景色をフェードイン/アウトする      
Sample
ここをクリックして新しいウインドウを開いてください。

ソース
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=x-sjis">
<TITLE>Java-Script</TITLE>
</HEAD>

<SCRIPT LANGUAGE="JavaScript">
<!--
var Color= new Array(16);
Color[1] = "fff";
Color[2] = "eee";
Color[3] = "ddd";
Color[4] = "ccc";
Color[5] = "bbb";
Color[6] = "aaa";
Color[7] = "999";
Color[8] = "888";
Color[9] = "777";
Color[10] = "666";
Color[11] = "555";
Color[12] = "444";
Color[13] = "333";
Color[14] = "222";
Color[15] = "111";
Color[16] = "000";
spd = 100;
function fade_in(val) {
  if (val >= 1) {
    document.bgColor="#" + Color[val] +"fff";   
    val -= 1;0
    setTimeout("fade_in("+val+")", spd);
  } else {
    setTimeout('fade_out(1)', spd);
  }
}
function fade_out(val) {
  if (val <=16) {
    document.bgColor="#" + Color[val] +"fff";
    val += 1;
    setTimeout("fade_out("+val+")", spd)
  } else {
    setTimeout("fade_in(16)", spd);
  }
}
//-->
</SCRIPT>

<BODY onLoad="fade_in(1)">
</BODY>
</HTML>
ワンポイント解説
spd で、スピードを設定します。