<center>
<script type="text/javascript">
<!--

var td_num = 80; // セルの数
var td_ID = new Array(td_num); // セルごとのタイマーID
var td_Color = new Array(td_num); // セルごとの色
var td_BW = new Array(td_num); // セルごとの明滅の方向

for(i=0; i < td_num; i++)
{
	td_BW[i]=0;
	td_Color[i]=255;
}

function loop(n)
{
	var str;

	str= conv16(td_Color[n]);
	dsp1="#"+str+str+str;
	td = document.getElementById("t"+n);
	td.style.backgroundColor=dsp1;

	if(td_BW[n]==0)
	{
		td_Color[n]-=32;
		if(td_Color[n]<0)
		{
			td_Color[n]=0;
			td_BW[n]=1;
		}
	}
	else
	{
		td_Color[n]+=32;
		if(td_Color[n]>255)
		{
			td_Color[n]=255;
			td_BW[n]=0;
		}
	}
}

function conv16(n)
{
	var sin='0123456789ABCDEF';
	return sin.charAt(Math.floor(n/16))+sin.charAt(n%16);
}

function td_on(n)
{
	clearInterval(td_ID[n]);
	td_Color[n]=0;
	td_BW[n]=1;
	td_ID[n]=setInterval('loop('+n+')', 100);
}

function td_start()
{
	for(i=0;i<td_num;i++)
	{
		td_ID[i]=setInterval('loop('+i+')', 100);
	}
}

td_start();

// -->
</SCRIPT>
</head>
<BODY>

<TABLE id="tbl" border="0">
<TBODY>
<TR>
<TD id="t0" style="backgroundColor:black;" onmouseover="td_on('0');">&nbsp;</TD>
<TD id="t1" style="backgroundColor:black;" onmouseover="td_on('1');">&nbsp;</TD>
<TD id="t2" style="backgroundColor:black;" onmouseover="td_on('2');">&nbsp;</TD>
<TD id="t3" style="backgroundColor:black;" onmouseover="td_on('3');">&nbsp;</TD>
<TD id="t4" style="backgroundColor:black;" onmouseover="td_on('4');">&nbsp;</TD>
<TD id="t5" style="backgroundColor:black;" onmouseover="td_on('5');">&nbsp;</TD>
<TD id="t6" style="backgroundColor:black;" onmouseover="td_on('6');">&nbsp;</TD>
<TD id="t7" style="backgroundColor:black;" onmouseover="td_on('7');">&nbsp;</TD>
<TD id="t8" style="backgroundColor:black;" onmouseover="td_on('8');">&nbsp;</TD>
<TD id="t9" style="backgroundColor:black;" onmouseover="td_on('9');">&nbsp;</TD>
</TR>

<TR>
<TD id="t10" style="backgroundColor:black;" onmouseover="td_on('10');">&nbsp;</TD>
<TD id="t11" style="backgroundColor:black;" onmouseover="td_on('11');">&nbsp;</TD>
<TD id="t12" style="backgroundColor:black;" onmouseover="td_on('12');">&nbsp;</TD>
<TD id="t13" style="backgroundColor:black;" onmouseover="td_on('13');">&nbsp;</TD>
<TD id="t14" style="backgroundColor:black;" onmouseover="td_on('14');">&nbsp;</TD>
<TD id="t15" style="backgroundColor:black;" onmouseover="td_on('15');">&nbsp;</TD>
<TD id="t16" style="backgroundColor:black;" onmouseover="td_on('16');">&nbsp;</TD>
<TD id="t17" style="backgroundColor:black;" onmouseover="td_on('17');">&nbsp;</TD>
<TD id="t18" style="backgroundColor:black;" onmouseover="td_on('18');">&nbsp;</TD>
<TD id="t19" style="backgroundColor:black;" onmouseover="td_on('19');">&nbsp;</TD>
</TR>

<TR>
<TD id="t20" style="backgroundColor:black;" onmouseover="td_on('20');">&nbsp;</TD>
<TD id="t21" style="backgroundColor:black;" onmouseover="td_on('21');">&nbsp;</TD>
<TD id="t22" style="backgroundColor:black;" onmouseover="td_on('22');">&nbsp;</TD>
<TD id="t23" style="backgroundColor:black;" onmouseover="td_on('23');">&nbsp;</TD>
<TD id="t24" style="backgroundColor:black;" onmouseover="td_on('24');">&nbsp;</TD>
<TD id="t25" style="backgroundColor:black;" onmouseover="td_on('25');">&nbsp;</TD>
<TD id="t26" style="backgroundColor:black;" onmouseover="td_on('26');">&nbsp;</TD>
<TD id="t27" style="backgroundColor:black;" onmouseover="td_on('27');">&nbsp;</TD>
<TD id="t28" style="backgroundColor:black;" onmouseover="td_on('28');">&nbsp;</TD>
<TD id="t29" style="backgroundColor:black;" onmouseover="td_on('29');">&nbsp;</TD>
</TR>

<TR>
<TD id="t30" style="backgroundColor:black;" onmouseover="td_on('30');">&nbsp;</TD>
<TD id="t31" style="backgroundColor:black;" onmouseover="td_on('31');">&nbsp;</TD>
<TD id="t32" style="backgroundColor:black;" onmouseover="td_on('32');">&nbsp;</TD>
<TD id="t33" style="backgroundColor:black;" onmouseover="td_on('33');">&nbsp;</TD>
<TD id="t34" style="backgroundColor:black;" onmouseover="td_on('34');">&nbsp;</TD>
<TD id="t35" style="backgroundColor:black;" onmouseover="td_on('35');">&nbsp;</TD>
<TD id="t36" style="backgroundColor:black;" onmouseover="td_on('36');">&nbsp;</TD>
<TD id="t37" style="backgroundColor:black;" onmouseover="td_on('37');">&nbsp;</TD>
<TD id="t38" style="backgroundColor:black;" onmouseover="td_on('38');">&nbsp;</TD>
<TD id="t39" style="backgroundColor:black;" onmouseover="td_on('39');">&nbsp;</TD>
</TR>

<TR>
<TD id="t40" style="backgroundColor:black;" onmouseover="td_on('40');">&nbsp;</TD>
<TD id="t41" style="backgroundColor:black;" onmouseover="td_on('41');">&nbsp;</TD>
<TD id="t42" style="backgroundColor:black;" onmouseover="td_on('42');">&nbsp;</TD>
<TD id="t43" style="backgroundColor:black;" onmouseover="td_on('43');">&nbsp;</TD>
<TD id="t44" style="backgroundColor:black;" onmouseover="td_on('44');">&nbsp;</TD>
<TD id="t45" style="backgroundColor:black;" onmouseover="td_on('45');">&nbsp;</TD>
<TD id="t46" style="backgroundColor:black;" onmouseover="td_on('46');">&nbsp;</TD>
<TD id="t47" style="backgroundColor:black;" onmouseover="td_on('47');">&nbsp;</TD>
<TD id="t48" style="backgroundColor:black;" onmouseover="td_on('48');">&nbsp;</TD>
<TD id="t49" style="backgroundColor:black;" onmouseover="td_on('49');">&nbsp;</TD>
</TR>

<TR>
<TD id="t50" style="backgroundColor:black;" onmouseover="td_on('50');">&nbsp;</TD>
<TD id="t51" style="backgroundColor:black;" onmouseover="td_on('51');">&nbsp;</TD>
<TD id="t52" style="backgroundColor:black;" onmouseover="td_on('52');">&nbsp;</TD>
<TD id="t53" style="backgroundColor:black;" onmouseover="td_on('53');">&nbsp;</TD>
<TD id="t54" style="backgroundColor:black;" onmouseover="td_on('54');">&nbsp;</TD>
<TD id="t55" style="backgroundColor:black;" onmouseover="td_on('55');">&nbsp;</TD>
<TD id="t56" style="backgroundColor:black;" onmouseover="td_on('56');">&nbsp;</TD>
<TD id="t57" style="backgroundColor:black;" onmouseover="td_on('57');">&nbsp;</TD>
<TD id="t58" style="backgroundColor:black;" onmouseover="td_on('58');">&nbsp;</TD>
<TD id="t59" style="backgroundColor:black;" onmouseover="td_on('59');">&nbsp;</TD>
</TR>

<TR>
<TD id="t60" style="backgroundColor:black;" onmouseover="td_on('60');">&nbsp;</TD>
<TD id="t61" style="backgroundColor:black;" onmouseover="td_on('61');">&nbsp;</TD>
<TD id="t62" style="backgroundColor:black;" onmouseover="td_on('62');">&nbsp;</TD>
<TD id="t63" style="backgroundColor:black;" onmouseover="td_on('63');">&nbsp;</TD>
<TD id="t64" style="backgroundColor:black;" onmouseover="td_on('64');">&nbsp;</TD>
<TD id="t65" style="backgroundColor:black;" onmouseover="td_on('65');">&nbsp;</TD>
<TD id="t66" style="backgroundColor:black;" onmouseover="td_on('66');">&nbsp;</TD>
<TD id="t67" style="backgroundColor:black;" onmouseover="td_on('67');">&nbsp;</TD>
<TD id="t68" style="backgroundColor:black;" onmouseover="td_on('68');">&nbsp;</TD>
<TD id="t69" style="backgroundColor:black;" onmouseover="td_on('69');">&nbsp;</TD>
</TR>

<TR>
<TD id="t70" style="backgroundColor:black;" onmouseover="td_on('70');">&nbsp;</TD>
<TD id="t71" style="backgroundColor:black;" onmouseover="td_on('71');">&nbsp;</TD>
<TD id="t72" style="backgroundColor:black;" onmouseover="td_on('72');">&nbsp;</TD>
<TD id="t73" style="backgroundColor:black;" onmouseover="td_on('73');">&nbsp;</TD>
<TD id="t74" style="backgroundColor:black;" onmouseover="td_on('74');">&nbsp;</TD>
<TD id="t75" style="backgroundColor:black;" onmouseover="td_on('75');">&nbsp;</TD>
<TD id="t76" style="backgroundColor:black;" onmouseover="td_on('76');">&nbsp;</TD>
<TD id="t77" style="backgroundColor:black;" onmouseover="td_on('77');">&nbsp;</TD>
<TD id="t78" style="backgroundColor:black;" onmouseover="td_on('78');">&nbsp;</TD>
<TD id="t79" style="backgroundColor:black;" onmouseover="td_on('79');">&nbsp;</TD>
</TR>


</TBODY>
</TABLE>

<A href="http://ww9dlo41.s227.xrea.com/blogparts/" target="_blank">(c) kihiro</A>
</center>