マウスを置くと画像が変わる。

質問

こんにちは。
自分のサイトであることをやりたいのですが、
肝心のタグが分からないので質問させてくださいませ。

タイトルだけ見ると普通のロールオーバーと思われるかも
しれませんが、私が聞きたいのはちょっと違うのです。
一箇所に画像が貼ってあって、
同じページ内のあちこちにある文字の上にマウスを置くと
その画像が変わるのです。
他のサイト様でそんな効果を見かけたのですが、
やり方がわからなくて困っています。
タグは直打ちでもなんとかできますが、
私はホームページビルダー８も持っているので、
もしやり方を知っている方がいらしたらぜひお願いします。

回答No.3

spinuch · ベストアンサー

以下のサイトを参照してみてください。
Javascriptのソースとサンプルが載ってます。
画面上のplane1から4にオンマウスすると、画像が変わる仕組みになってます。
このスクリプトはフリーなのでパクッて加工可能です。（リンクぐらいは貼ってあげればいいかと．．．）
質問の内容に沿っていればいいのですが．．．
「同じページ内のあちこちにある文字」←？
まあ、その辺は加工すればいいことですから簡単にできますよ。

参考URL：

http://www.javascriptkit.com/script/script2/rolldifferent.shtml

回答No.2

Joh_Taka

JavaScript の onmouseover で画像を替える方法になります。

ビルダーの操作で自動的にソースを生成することは出来ませんので、ソースを手打ちで記述することになります。

まずは、参考URLよりソースを表示させて、ご参考になさって下さい。

http://www10.plala.or.jp/coffee_break/change_image/index.html

http://www10.plala.or.jp/coffee_break/change_image2/index.html

http://www10.plala.or.jp/coffee_break/change_image3/index.html

フレームでのサンプル
http://www10.plala.or.jp/coffee_break/change_image4/index.html

参考URL：

http://www10.plala.or.jp/coffee_break/change_image/index.html

回答No.1

HONHON

いろいろなタグがあり便利ですよ
参考にどうぞ
http://www002.upp.so-net.ne.jp/littledear/top-menu.html

参考URL：

http://www002.upp.so-net.ne.jp/littledear/top-menu.html