マウスカーソルを重ねると変わる画像

表示例

BACK HOME NEW

※画像にマウスカーソルを合わせると、画像が変わります。

記述例

以下をできるだけ最初の方に記述して下さい(できればHEADタグの中)

<SCRIPT LANGUAGE="JavaScript">
<!--
if (navigator.appVersion > "3") {
    img0 = new Image(); img0.src = 'icon/blank.gif';
    img1 = new Image(); img1.src = 'icon/abc.gif';
    img2 = new Image(); img2.src = 'icon/def.gif';
    img3 = new Image(); img3.src = 'icon/ghi.gif';
}
function imgChange(imgName,imgNum) {
    if (navigator.appVersion > "3") {
        document.images[imgName].src = eval(imgNum + '.src');
    }
}
//-->
</SCRIPT>
以下を表示させたい箇所に記述して下さい
<A HREF="main.html" onMouseover="imgChange('back','img1')" onMouseout="imgChange('back','img0')">
<IMG SRC="icon/blank.gif" BORDER="0" NAME="back">
</A>
<A HREF="index.html" onMouseover="imgChange('home','img2')" onMouseout="imgChange('home','img0')">
<IMG SRC="icon/blank.gif" BORDER="0" NAME="home">
</A>
<A HREF="diary.html" onMouseover="imgChange('new','img3')" onMouseout="imgChange('new','img0')">
<IMG SRC="icon/blank.gif" BORDER="0" NAME="new">
</A>


←メニューへ戻る