HPのメニューを作成してます。

質問

HPでリンクするページをメニューとしてAタグを使って書きました。
そこに、例えば『リンゴ』と『みかん』と『ブドウ』のページがあるとして、それをまとめて『果物』という表示にしておき、onMouseの時にプルダウンメニューのようなものが出るようにして、それぞれのページを選べるようにしたいと思っています。
Flashなどを使って、画像にしてからだと出来るとは思うのですが、JavaScriptを使って簡単にそれを作成することは出来ませんか？？

文章が下手ですみませんが、宜しくお願いします<m(__)m>

回答No.2

noname#199778 · ベストアンサー

簡単なものを作ってみました。

head内に

<script type="text/javascript"><!--
function pdmshw(i){
if (document.getElementById){
tar=document.getElementById(i);
tar.style.display="inline";
tar.style.visibility="visible";
}
}

function pdmhid(i){
if (document.getElementById){
tar=document.getElementById(i);
tar.style.display="none";
tar.style.visibility="hidden";
}
}
//--></script>

body以下に

<div onMouseover="pdmshw('pdm1')" onMouseout="pdmhid('pdm1')" style="width: 5em;">
果物
<span id="pdm1" style="position: absolute; display: none; visibility: hidden; width: 5em; height: 5em;">
<a href="a.htm">りんご</a><br>
<a href="b.htm">みかん</a><br>
<a href="c.htm">ぶどう</a></span>
</div>

これらを追加すれば、表示はあまりきれいではありませんが、一応は動くと思います。 IE6とNetscape7で動作確認しました。 他のブラウザでは動かないかも知れません。

なお、DHTMLのスクリプトを配布しているサイトなどでは、同様の動作をするスクリプトを紹介している例も少なくないと思います。 上に挙げたものよりも遥かに整ったスクリプトも多いでしょう。
ダイナミックHTML、DHTMLなどをキーにして、スクリプト集を公開しているサイトを探してみれば、もっときれいに表示できるスクリプトも見つかると思いますよ。

あと、参考URLの質問なども参考になると思います。
参考になれば幸いです。

参考URL：

http://oshiete1.goo.ne.jp/kotaeru.php3?q=465955

お礼

有難うございました<m(__)m>
こういうシンプルなものを求めていたので、大変解りやすくて良かったです！

またよろしくお願いします（*^_^*）

回答No.1

BlueRay

こういうものですか？
同じようなものとして解釈させていただきましたので
参考URLを参照してください。
http://oshiete1.goo.ne.jp/kotaeru.php3?q=447502

参考URL：

http://oshiete1.goo.ne.jp/kotaeru.php3?q=447502

補足

有難うございます。参考にさせていただきます。
ちなみに、そういった設定を簡単に作れるソフトとかって無いですよね？
画像とかであればFireWorksで結構簡単に作れちゃったりしたので…^_^;