|
HTMLタグ > マウスカーソルをのせると画像が変わるリンク画像
|
リンクを貼った画像にマウスカーソルをのせると、画像が変わります。
<見本>
1) </title>〜</head>に以下のタグを入れます。
<script language=javascript>
<!--
MSFPhover =
(((navigator.appName == "Netscape") &&
(parseInt(navigator.appVersion) >= 3 )) ||
((navigator.appName == "Microsoft Internet Explorer") &&
(parseInt(navigator.appVersion) >= 4 )));
function MSFPpreload(img)
{
var a=new Image(); a.src=img; return a;
}
// -->
</script>
|
2) リンク画像の表示には、以下のタグを使います。
【画像1】はマウスをのせていないときの画像、【画像2】はマウスをのせたときの画像。
【名前】には、この一式に半角英数字で名前をつけて3か所に同じものを入れます。
<script language=javascript>
<!--
var img=Array("【画像1】","【画像2】");
// -->
</script>
<a href=【リンク先】 onmouseover="document.images['【名前】']. src=img[1]"
onmouseout="document.images['【名前】']. src=img[0]">
<img src=【画像1】 name=【名前】 border=0>
|
「HTMLタグ」のトップに戻る
|
|
|
