pop05
マウスオンでの画像の差し替え

マウスが触れると画像が切り替わる様に設定できます。 「HEAD」と「BODY」項目へ指定しますとマウスが触れた時に画像を差し替えます。 これを応用しますと、当方の表紙ページが作成できます。
<HTML>
<HEAD>
<TITLE>画像切り替え</TITLE>

<SCRIPT language="JavaScript">
<!---
function changeImage01(){ document.myimg.src="fuji-sakura.gif"; } //マウスが乗らない時
function changeImage02(){ document.myimg.src="fuji-haru.gif"; } //マウスが乗った時
//--->
</SCRIPT>

</HEAD>
<!---------START OF PROGRUM--------->
<BODY>

<A HREF="#top.html" onmouseover="changeImage02()" onmouseout="changeImage01()" 
    title="心が癒されますように!">
<IMG src="fuji-sakura.gif" name="myimg" border="0"></A>

(表示の大きさを、width="nnn" height="mmm" で指定できます。)
<!----------END OF RUN---------->
</BODY>
</HTML>

画像は、 の2枚です。

マウスを写真の上に載せてみて下さい。(2枚目の写真呼び込みにちょっと時間が掛かるかも(^^;)