ホームページ楽々講座207

 この表は「width=20px height=15px」のセルを横15列、縦15行で並べ、外周のセルの背景色を変化させています。

 内部のセルも同じサイズにしなければならないので、この文章のレイヤーを内部のセルの上に重ねています。

<HTML>
<HEAD>
<TITLE>207</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Shift_JIS">
<SCRIPT LANGUAGE="JavaScript">
<!--
var cellno=0,cellnoold1=0,cellnoold2=0,cellnoold3=0,cellnoold4=4,cellnoold5=5;
var row=15,file=15;
function cellbgcolor(){
	rh.cells(cellnoold5).style.background="#000000";
	rh.cells(cellnoold4).style.background="#000033";
	rh.cells(cellnoold3).style.background="#000066";
	rh.cells(cellnoold2).style.background="#000099";
	rh.cells(cellnoold1).style.background="#0000cc";
	rh.cells(cellno).style.background="#0000ff";
	cellnoold5=cellnoold4;
	cellnoold4=cellnoold3;
	cellnoold3=cellnoold2;
	cellnoold2=cellnoold1;
	cellnoold1=cellno;
	if((cellno+1)<row) {cellno++;}
	else {if((cellno+1)%row==0 && (cellno+1)<row*file) cellno=cellno+row;
		else {if((cellno+1)>(row-1)*file+1) cellno--;
			else {cellno=cellno-row;
			}
		}
	}
	window.setTimeout("cellbgcolor()",50);
}
//-->
</SCRIPT> 
</HEAD>
<BODY BGCOLOR="#000000" onLoad="cellbgcolor()"><BR>
<DIV STYLE="font-size:24pt;color:red;text-align:center;">ホームページ楽々講座207</DIV><P>
<TABLE BORDER="0" ID="rh" STYLE="position:absolute;left:50;top:100;width:300;height:180;" CELLSPACING="0" CELLPADDING="0">
<TR><TD WIDTH="20" HEIGHT="12"></TD><TD WIDTH="20"></TD><TD WIDTH="20"></TD><TD WIDTH="20"></TD><TD WIDTH="20"></TD>
<TD WIDTH="20"></TD><TD WIDTH="20"></TD><TD WIDTH="20"></TD><TD WIDTH="20"></TD><TD WIDTH="20"></TD>
<TD WIDTH="20"></TD><TD WIDTH="20"></TD><TD WIDTH="20"></TD><TD WIDTH="20"></TD><TD WIDTH="20"></TD></TR>
<TR><TD HEIGHT="12"></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD>
<TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD></TR>
<TR><TD HEIGHT="12"></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD>
<TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD></TR>
<TR><TD HEIGHT="12"></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD>
<TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD></TR>
<TR><TD HEIGHT="12"></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD>
<TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD></TR>
<TR><TD HEIGHT="12"></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD>
<TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD></TR>
<TR><TD HEIGHT="12"></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD>
<TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD></TR>
<TR><TD HEIGHT="12"></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD>
<TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD></TR>
<TR><TD HEIGHT="12"></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD>
<TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD></TR>
<TR><TD HEIGHT="12"></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD>
<TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD></TR>
<TR><TD HEIGHT="12"></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD>
<TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD></TR>
<TR><TD HEIGHT="12"></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD>
<TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD></TR>
<TR><TD HEIGHT="12"></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD>
<TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD></TR>
<TR><TD HEIGHT="12"></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD>
<TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD></TR>
<TR><TD HEIGHT="12"></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD>
<TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD></TR>
</TABLE>
<DIV STYLE="position:absolute;left:75;top:120;width:250;height:146;background-color:black;font-size:11pt;color:#C0C0C0;">
 この表は「width=20px height=15px」のセルを横15列、縦15行で並べ、外周のセルの背景色を変化させています。<P>
 内部のセルも同じサイズにしなければならないので、この文章のレイヤーを内部のセルの上に重ねています。</DIV>
</BODY>
</HTML>