[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>

戻る