マウスオンで、別の場所の表示を変える

質問

ある部分（たとえばメニュー）にマウスをのせると、他の部分の表示が変わるような仕組みは、どのようにつくればよいですか？
Flashでのやり方はわかるのですが、Flashを使わないやり方を知りたいと思っています。
当方、Dreamweaverを使用しています。HTMLでお教えいただいても結構です。
よろしくお願いします。

回答No.4

spinuch · ベストアンサー

わたしはjavascriptでやってますよ。
（>他の部分の表示が変わる　っていう意味がイマイチ分からないのですが...？）
javascriptKitというサイトからパクリました(^。^)
参考までに。

参考URL：

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

お礼

ご回答ありがとうございます。
まさに、こういうことをやりたかったんです。
No.3の方のやり方と、どちらにしようか迷っています(笑)。

回答No.3

noname#176215

画像を別画像に変換する場合の処理

<DIV style="cursor: hand"
onmouseover="document.getElementById('test1').src=&quot;image_a.gif&quot;"
onmouseout="document.getElementById('test1').src=&quot;image_b.gif&quot;">
ボタン
</DIV>
<DIV>
<IMG src="image_b.gif" id="test1">
</DIV>

こんな感じです。

お礼

ご回答ありがとうございます。
お礼が大変遅くなり失礼しました（PCの調子が悪かったもので）。
いただいた回答で、望むことができそうです。

回答No.2

lodeman

#1です。
記述ミスかと思い、こちらのブラウザで再確認した所、表示できました。

＞真っ白
これはわかりません。
画像の場所とhtmlファイルの場所の関係がずれていれば、表示されずに「×」マークが出ると思います。

お礼

何故だかうまくいきません。
非常に悔しいのですが、お教えいただいた方法はあきらめようと思います。
申し訳ございません。本当にありがとうございました。

回答No.1

lodeman

table内の方法ですが、「sample A」にオンマウスで下に画像が表示されるサンプルです。

<table width="300" border="1" cellpadding="0" cellspacing="0"> <tr> <td align=center width=50%> <font onmouseover="document.getElementById('koko').innerHTML='<img
src=image_a.gif>'"
onmouseout="document.getElementById('koko').innerHTML='ココ'">sample
A</font></td>
<td align=center><font
onMouseOver="document.getElementById('koko').innerHTML='<img
src=image_b.gif>'"
onMouseOut="document.getElementById('koko').innerHTML='ココ'">sample
B</font></td>
</tr>
<tr height="40" align=center>
<td colspan=2 id=koko>ココ</td>
</tr>
</table>

参考URL：

http://www5e.biglobe.ne.jp/~access_r/

お礼

ご回答ありがとうございます。
早速、image_a.gifとimage_b.gifを用意し、テストしてみたのですが、sampleA、sampleBにマウスをのせると、「ココ」のセルが、真っ白になってしまいます。
何が原因か、おわかりになりますでしょうか？
よろしくお願いします。