TAKABO SOFT NETWORK

これはたまに見かけるやつですね（＾＾；とは言っても、壁紙の無いページでやるのが普通なんですが。。。このページでやるのは無理がありますね。

最初に見たときは「おーっすげー」なんて思ったりもしますが、何度か見ていると、うざったくなります（爆。ビデオカードの性能にもよりますが、ブラウザの表示画面が広いと、結構遅くなると思います。

まず、ヘッダーの部分に以下のプログラムを組み込みます。

<head>

<script language="javascript">
<!--

hex="0123456789abcdef";

function stov(str){
	var i;
	for(i=0;i<16;i++)
		if(hex.charAt(i)==str)
			return i;
}

function vtos(value){
	return hex.charAt(value);
}

var count=0;
var count_max=20;		//何回背景を変更させるか
var st_col="000000";	//開始色
var ed_col="d0e9ff";	//終了色
document.bgColor=st_col;
var st_rgb=new Array(3),ed_rgb=new Array(3);
for(i=0;i<3;i++){
	st_rgb[i]=stov(st_col.charAt(i*2))*16+stov(st_col.charAt(i*2+1));
	ed_rgb[i]=stov(ed_col.charAt(i*2))*16+stov(ed_col.charAt(i*2+1));
}

function BGFadeIn(){
	var j,n;
	var color="#";

	for(j=0;j<3;j++){
		n=Math.floor((ed_rgb[j]-st_rgb[j])/(count_max-1)*count+st_rgb[j]);
		color+=vtos(Math.floor(n/16));
		color+=vtos(n%16);
	}
	document.bgColor=color;
	count++;
	if(count<count_max)
		setTimeout("BGFadeIn()",10);
}

//-->
</script>

</head>

あとは、<body>タグ内へ「onLoad="BGFadeIn()"」を追加します。さて、プログラム中の「var st_col="000000"」と「var ed_col="d0e9ff";」の数値にて、開始色と終了色を指定します。このとき、「red」と言ったアルファベットは使用出来ませんし、「"00FF00"」と言った大文字で書いてはいけません。

「var count_max=20;」の数値は、開始色から何回にかけて終了色に近づけるかを指定します。

また、「setTimeout("BGFadeIn()",10);」の最後の10という数値を小さくすると、変更速度が速くなります。ただし、処理速度が限界だともたつきます。

当たり前の事ですが、背景画像が存在すると効果ありません（＾＾；