クリックする前の画像と、クリックしたときの画像、の合わせて2枚を用意します。
見本ではこの2枚を使っています。
 
<見本>
1) </title>〜</head>の間に以下のタグを入れます。
<script language=javascript>
<!--
isVer4 = navigator.appVersion.charAt(0) >= 4
if (isVer4 == true){
img = new Array();
img[0] = new Image; img[0].src = "【クリック前の画像】";
img[1] = new Image; img[1].src = "【クリックしたときの画像】";
}
function b_img(i){
if(isVer4 == true){
document.img1.src = img[i].src;
}
}
//-->
</script>
|
2) 表示するところには、以下のタグを使います。
<a href=【リンク先】 onMouseDown="b_img(1)" onMouseUp="b_img(0)" onMouseOut="b_img(0)">
<img src="【クリック前の画像】" border=0 name=img1></a>
|
「HTMLタグ」のトップに戻る
|
|
|
