ロールオーバーの使い方


触れる前の画像 触れた時の画像 ↑組み合わせると

<A href="#" onmouseover="document.heart.src='mrob1_1.gif'"
onmouseout="document.heart.src='mrob1.gif'">
<IMG src="mrob1.gif" height="7" width="8" border="0" name="heart"></A>

"#"には、リンク先のページを指定します。(クリックした時に飛ぶページね)
heartは3ケ所とも同じ名前をつけます。同じページに、いくつもロールオーバーを使う時には、違う名前をつけてね。
mrob1.gif触れる前の画像のファイル名は、2ケ所入れてるよ。
mrob1_1.gif最初のファイル名は、触れた時の画像のファイル名ね。

出来たかな〜?o(^_^)o 
javascriptでも出来るから、いろいろ試してみてね。


こんな使い方も(^_^)

HOME
↑HOMEに触れてみて

<IMG src="mrob4.gif" width="13" height="15" border="0" name="flower">
<A HREF="#" OnMouseOver="document.flower.src='mrob4_1.gif'" OnMouseOut="document.flower.src='mrob4.gif'">HOME</A>

"#"には、リンク先のページを指定します。(クリックした時に飛ぶページね)
flowerは3ケ所とも同じ名前をつけます。
mrob4.gif触れる前の画像のファイル名は、2ケ所入れてるよ。
mrob4_1.gif最初のファイル名は、触れた時の画像のファイル名ね。

出来たかな〜?o(^_^)o 
javascriptでも出来るから、いろいろ試してみてね。