メニューにオンマウスすると、その下に複数の写真を表示したい

質問

JavaScriptに関しての質問です。
グローバルナビゲーションの中に作品紹介のような項目を設けて、作品紹介にマウスを乗せると、そのメニューの右側に複数の作品画像の一覧が展開され、その中の作品画像をクリックすると詳細ページにジャンプするようにしたいと考えていますが、うまい方法が見つかりません。該当のエリアから外に出た時はその表示を消すようにしたいと考えています。
どなたか具体的な方法もしくは参考サイトなどをお教え頂けませんでしょうか？
よろしくお願いします

回答No.3

leap_day · ベストアンサー

こんにちは

下記のやつはNN未対応でしたね（＞＜）
http://www.openspc2.org/reibun/javascript/mouse/006/index.html

NN対応であれば
document.getElementById('onmenu').style.display="block"
にしないとダメみたいです(NN6.0～）

http://www.openspc2.org/reibun/javascript/mouse/063/index.html

お礼

苦労しましたが、お教え頂いた方法を利用してなんとか完成しました。ありがとうございました。

回答No.2

leap_day

こんにちは

ほんの一例を紹介

<script language="javascript">
<!--
flag = false;
function ch() { document.all['onmenu'].style.display = "block"; }
function ch1() { document.all['onmenu'].style.display = "none"; }
//-->
</script>

<table>
<tr>
<td valign="top"><A onmouseover="ch()">表示</a></td>
<td>
<div id="onmenu" style="display:none" onmouseover="ch()" onmouseout="ch1()">
<a href="test0.html">オンマウスで表示</a><br>
<a href="test1.html">オンマウスで表示2</a>
</td>
</tr>
</table>

お礼

ご回答ありがとうございます！
なるほどこれを利用すればうまく行きそうです。
ただこれはネットスケープに対応していないのでしょうか？
当方の環境NN６で確認したところ表示できないようでした。

回答No.1

noname#44015

onmouseover、onmouseoutを使うとできると思います。

参考URL：

http://www.scollabo.com/banban/jsindex/sample/sample_187.html