７．イベント<43p>
<html>
<head>
<title>rollover03</title>
</head>
<script language="JavaScript">
<!--
img=new Array(12) //配列を作成
for(i=0;i<12;i++){ //イメージオブジェクトを配列で作成
img[i]=new Image();//imageオブジェクトの作成
img[i].src=i+".gif";//画像の指定 i=0
}
//changeImage関数(名前と画像を引数にする)
function changeImage(name,imge_name){
name.src=imge_name.src;
}
//-->
</script>
<body>
<table border=1 cellpadding=0 cellspacing=0>
<tr>
<td>
<a href="home.htm"
onMouseOver=changeImage(document.home,img[1]) onMouseOut=changeImage(document.home,img[0])>
<img border=0 name=home src="0.gif"></a>
</td>
<td>
<a href="home.htm"
onMouseOver=changeImage(document.mews,img[3]) onMouseOut=changeImage(document.mews,img[2])>
<img border=0 name=mews src="2.gif"></a>
</td>
<td>
<a href="home.htm"
onMouseOver=changeImage(document.map,img[5]) onMouseOut=changeImage(document.map,img[4])>
<img border=0 name=map src="4.gif"></a>
</td>
<td>
<a href="home.htm"
onMouseOver=changeImage(document.history,img[7]) onMouseOut=changeImage(document.history,img[6])>
<img border=0 name=history src="6.gif"></a>
</td>
<td>
<a href="home.htm"
onMouseOver=changeImage(document.mail,img[9]) onMouseOut=changeImage(document.mail,img[8])>
<img border=0 name=mail src="8.gif"></a>
</td>
<td>
<a href="link.htm"
onMouseOver=changeImage(document.link,img[11]) onMouseOut=changeImage(document.link,img[10])>
<img border=0 name=link src="10.gif"></a>
</td>
</tr>
</table>
</body>
</html>
