ホームページを自作しよう ≪JoyWave便利箱≫ 触ると画像が替わるロールオーバーリンク

■実際にどうなるの?

画像

クリックしても、このページのままです^^
あまり意味はありませんが、「クリックして!」などにしておくといいかも・・・。

■ソース
<a href="b14.html"><img src="../gazou/joywave5.gif" width="88" height="31" border="0"
alt="画像" onMouseOver="this .src='../gazou/joywave6.gif'"
onMouseOut="this .src='../gazou/joywave5.gif'"></a>

■どうするの?
<body>〜</body>間で必要なところに使います。

<a href="b14.html"> リンク先のURLを書きます。
img src="・・・/joywave5.gif" 最初に表示する画像を指定します。
onMouseOver=
"this .src='・・・/joywave6.gif"
マウスをのせたときに変化する画像を指定します。
onMouseOut=
"this .src='・・・/joywave5.gif"
マウスを離したときに変化する画像を指定します。
ここでは、最初の画像にしましたが、もうひとつ画像を用意してもいけます。
<a href=・・・>、</a> これを削除すればリンクなしで、単なる画像になります。



実際に利用されて「これは良かった」内容がありましたら、教えてください。
少しずつ充実させていき、本当の意味での「便利箱」にしたいと思います。
Copyright© 2005 JoyWave. All rights reserved.