TAKABO SOFT NETWORK

背景フェードインの姉妹品です（＾＾；フォアグラウンドカラーというのは、今この文章を表示している色、つまり「<font>」タグによって色が変化していない部分の色です。この色を徐々に変化させていくことで、文字がわき上がるような演出をさせる事が出来ます。

ただ、背景画像がカラフルなものだと、最初の消えているような色がうまく出せないかも（謎

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

<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.fgColor=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 FGFadeIn(){
	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.fgColor=color;
	count++;
	if(count<count_max)
		setTimeout("FGFadeIn()",10);
}

//-->
</script>

</head>

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

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

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