７．イベント/JS<40p>

<html>
<head>
<title>rollover01</title>
<script language="JavaScript">
<!--
if(navigator.appVersion.charAt(0) >=3){
var image = new Array();
/*下記の"6"という数字は、画像の枚数を示します。使う枚数に合わせて修正。*/
for( i = 0 ; i < 6 ; i++ ){
image[i] = new Image();
}

/*下記の" "内のファイル名は修正してください。*/
image[0].src= "img/1.gif";
image[1].src= "img/1a.gif";
image[2].src= "img/2.gif";
image[3].src= "img/2a.gif";
image[4].src= "img/3.gif";
image[5].src= "img/3a.gif";
}
function paintBtn(dim,cnt){
if(navigator.appVersion.charAt(0) >= 3 ){
document.images[dim].src=image[cnt].src;
}
}
//-->
</script>
</head>
<BODY>
★テスト★
<br>
<A HREF="http://www.paltis.co.jp/" onMouseOver="paintBtn('IMG1',1)"
onMouseOut="paintBtn('IMG1',0)">
<IMG SRC="img/1.gif" BORDER="0" NAME="IMG1"></A>
<A HREF="http://www.flexjapan.com/" onMouseOver="paintBtn('IMG2',3)"
onMouseOut="paintBtn('IMG2',2)">
<IMG SRC="img/2.gif" BORDER="0" NAME="IMG2"></A>
<A HREF="http://homepage3.nifty.com/YT7/" onMouseOver="paintBtn('IMG3',5)"
onMouseOut="paintBtn('IMG3',4)">
<IMG SRC="img/3.gif" BORDER="0" NAME="IMG3"></A>
</BODY>
</html>


★テスト★