マウスオーバーで違う画像の表示をする

質問

おはようございます。
ホームページビルダーを使用しているのですが、マウスオーバーで違う画像を現在ある画像の上に表示する方法をご存知の方、ぜひ教えて下さい。
例えば簡易な地図画像があり、その中で各地図上にしかけがあり、花屋さんの上にマウスがいったら花屋さんの情報がその地図画像の上に現れるような感じです。
よろしくお願い致します！！！！！

回答No.2

chickenkatu · ベストアンサー

例えば、普通のHTMLなら以下のようなコードになります。

<span onmouseout="changeimg.src='マウスが無い時の画像'"
onmouseover="changeimg.src='マウスがある時の画像'">
<img src="マウスが無い時の画像" width="100" height="100"
border="0" name="changeimg">
</span>

あとは下地になる画像を細切れにして細かく設定すれば
希望する状態になると思います。面倒ですけど。

『マウスオーバー』で検索すればJavaScriptで変更するものとか、CSSで変更するものとか、色々出てきますので調べてみてください。

お礼

お返事おそくなりすみません。
何とかできました。
ありがとうございました！！

回答No.3

Ace1

貴方のビルダーに付いている解説書でロールオーバーと云う処を読んでその通りに作れば出来ます。
解説書が無ければ、ネットでロールオーバーで調べて下さい。

お礼

お返事おそくなりすみません。
何とかできました。
ありがとうございました！！

回答No.1

noname#77845

JavaScript　onmouse　で検索してみましょう。

例としては、
<A href="." target="_blank"
onMouseOver="sample1.src='on.gif'"
onMouseOut="sample1.src='off.gif'">
<IMG src="off.gif" alt="sample1" name="sample1">
</A>

のようになります。

お礼

お返事おそくなりすみません。
何とかできました。
ありがとうございました！！