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>

画像は、 の２枚です｡

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