[스크립트]
<SCRIPT LANGUAGE="JavaScript">
imag = new Array()
imag[0] = "j1.gif"
imag[1] = "j11.gif"
imag[2] = "j2.gif"
imag[3] = "j22.gif"
imag[4] = "j3.gif"
imag[5] = "j33.gif"
imag[6] = "j4.gif"
imag[7] = "j44.gif"
imag[8] = "j5.gif"
imag[9] = "j55.gif"
imag[10] = "j6.gif"
imag[11] = "j66.gif"
imag[12] = "j7.gif"
imag[13] = "j77.gif"
imag[14] = "j8.gif"
imag[15] = "j88.gif"
imag[16] = "j9.gif"
imag[17] = "j99.gif"
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
function swtch(num,imgname){
imgname.src = im[num].src
}
im = new Array()
for (var i = 0; i < imag.length; i++){
im[i] = new Image()
im[i].src = imag[i]
}
</SCRIPT>
</head>
<BODY bgcolor="#FFCEE7" text="green" link="blue" vlink="purple" alink="red">
<center>
<table border=6>
</tr>
<th><IMG NAME="NameOfImage1" SRC="j1.gif" USEMAP="#thisimage1" WIDTH="32" HEIGHT="32"></th>
<th><IMG NAME="NameOfImage2" SRC="j2.gif" USEMAP="#thisimage2" WIDTH="32" HEIGHT="32"></th>
<th><IMG NAME="NameOfImage3" SRC="j3.gif" USEMAP="#thisimage3" WIDTH="32" HEIGHT="32"></th>
</tr>
<tr>
<th><IMG NAME="NameOfImage4" SRC="j4.gif" USEMAP="#thisimage4" WIDTH="32" HEIGHT="32"></th>
<th><IMG NAME="NameOfImage5" SRC="j5.gif" USEMAP="#thisimage5" WIDTH="32" HEIGHT="32"></th>
<th><IMG NAME="NameOfImage6" SRC="j6.gif" USEMAP="#thisimage6" WIDTH="32" HEIGHT="32"></th>
</tr>
<tr>
<th><IMG NAME="NameOfImage7" SRC="j7.gif" USEMAP="#thisimage7" WIDTH="32" HEIGHT="32"></tr>
<th><IMG NAME="NameOfImage8" SRC="j8.gif" USEMAP="#thisimage8" WIDTH="32" HEIGHT="32"></tr>
<th><IMG NAME="NameOfImage9" SRC="j9.gif" USEMAP="#thisimage9" WIDTH="32" HEIGHT="32"></tr>
</tr>
</table>
<MAP NAME="thisimage1">
<AREA COORDS="0,0,32,32" HREF="1.html" onMouseOver='swtch(1,NameOfImage1)' onMouseOut='swtch(0,NameOfImage1)'>
</map>
<MAP NAME="thisimage2">
<AREA COORDS="0,0,32,32" HREF="2.html" onMouseOver='swtch(3,NameOfImage2)' onMouseOut='swtch(2,NameOfImage2)'>
</map>
<MAP NAME="thisimage3">
<AREA COORDS="0,0,32,32" HREF="3.html" onMouseOver='swtch(5,NameOfImage3)' onMouseOut='swtch(4,NameOfImage3)'>
</map>
<MAP NAME="thisimage4">
<AREA COORDS="0,0,32,32" HREF="4.html" onMouseOver='swtch(7,NameOfImage4)' onMouseOut='swtch(6,NameOfImage4)'>
</map>
<MAP NAME="thisimage5">
<AREA COORDS="0,0,32,32" HREF="5.html" onMouseOver='swtch(9,NameOfImage5)' onMouseOut='swtch(8,NameOfImage5)'>
</map>
<MAP NAME="thisimage6">
<AREA COORDS="0,0,32,32" HREF="6.html" onMouseOver='swtch(11,NameOfImage6)' onMouseOut='swtch(10,NameOfImage6)'>
</map>
<MAP NAME="thisimage7">
<AREA COORDS="0,0,32,32" HREF="7.html" onMouseOver='swtch(13,NameOfImage7)' onMouseOut='swtch(12,NameOfImage7)'>
</map>
<MAP NAME="thisimage8">
<AREA COORDS="0,0,32,32" HREF="8.html" onMouseOver='swtch(15,NameOfImage8)' onMouseOut='swtch(14,NameOfImage8)'>
</map>
<MAP NAME="thisimage9">
<AREA COORDS="0,0,32,32" HREF="9.html" onMouseOver='swtch(17,NameOfImage9)' onMouseOut='swtch(16,NameOfImage9)'>
</MAP>