TAKABO SOFT NETWORK

ってゆーか使う人絶対居ないな（＾＾；

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

<head>

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

var width=12;
var height=12;
var speed=1;
var Bright;
var BrightOld;
var IDs;
var ax=-1,ay=-1;

function vtos(value){
	hex="0123456789abcdef";
	return hex.charAt(value);
}

function MousePos(px,py){
	ax=px;
	ay=py;
	if(ax!=-1 && ay!=-1)
		Bright[py][px]=255;
}

function MSLoop(){
	var str;
	for(y=0;y<height;y++){
		for(x=0;x<width;x++){
			if(x==ax && y==ay)
				Bright[y][x]=255;
			else
			if(Bright[y][x]){
				Bright[y][x]-=30;
				if(Bright[y][x]<0)
					Bright[y][x]=0;
			}

			if(Bright[y][x]!=BrightOld[y][x]){
				BrightOld[y][x]=Bright[y][x];
				str="#";
				str+=vtos(Math.floor(Bright[y][x]/16))+vtos(Bright[y][x]%16);
				str+="0000";
				IDs[y][x].bgColor=str;
			}
		}
	}
}

function MSStart(){
	document.write("<table border=2 cellspacing=0 cellpadding=0 onMouseOut=\"MousePos(-1,-1)\">");
	var y,x;
	Bright=new Array(height);
	BrightOld=new Array(height);
	IDs=new Array(height);
	for(y=0;y<height;y++){
		Bright[y]=new Array(width);
		BrightOld[y]=new Array(width);
		IDs[y]=new Array(width);
		document.write("<tr>");
		for(x=0;x<width;x++){
			document.write("<td width=24 height=26 \
				id=\"t_"+y+"_"+x+"\" onMouseOver=\"MousePos("+x+","+y+")\" > </td>");
			eval("IDs[y][x]=t_"+y+"_"+x);
			IDs[y][x].bgColor=0;
			Bright[y][x]=0;
			BrightOld[y][x]=0;
		}
		document.write("</tr>");
	}
	document.write("</table>");
	setInterval("MSLoop()",speed);
}

//-->
</script>

</head>

あとは、<body>～</body>内の表示したい場所へ、以下のように記述します。