[NN3 IE4] マウスを重ねるとイメージを変更(拡張型)
画像の名前に数字を使用し、引数を指定すると拡張が簡単になります。
<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT language="JavaScript">
<!--
img=new Array();
for(i=1;i<=4;i++){
img[i]=new Image();
img[i].src="img"+i+".gif";
}
function changeImage(i,j){
document.images[i].src=img[j].src;
}
// -->
</SCRIPT>
</HEAD>
<BODY>
<CENTER>
<A href="#" onMouseOver="changeImage(0,2)" onMouseOut="changeImage(0,1)"><IMG src="img1.gif" border=0></A><BR>
<BR>
<A href="#" onMouseOver="changeImage(1,4)" onMouseOut="changeImage(1,3)"><IMG src="img3.gif" border=0></A>
</CENTER>
</BODY>
</HTML>
戻る