(このページのソースは、コピー自由です)



この場合クリックすると画像がさらにかわります
ただしリンクボタンは一種類だけです

midori

もどる
<HEAD>
<script language="JavaScript">
<!-----
var ButtonImage=new Array();
for(i=1;i<4;i++){
ButtonImage[i]=new Image();
ButtonImage[i].src="midori"+i+".gif";
}
function SetImage1(flag,position){
document.images[position].src=ButtonImage[flag].src;
}
// -->
</script>
</HEAD>
<BODY>
<A HREF="**.html" onMouseOver="SetImage1(2,0)" onMouseOut="SetImage1(1,0)" onClick="SetImage1(3,0)">
<IMG SRC="midori1.gif" name="midori" WIDTH="80" HEIGHT="30" ALT="midori" BORDER="0"></A>
</BODY>