ドロップダウンの作成方法

質問

こんにちは。
早速ですが質問させていただきます。
ホームページの作成に挑戦しているのですが
まだまだ知識が乏しいため、ドロップダウンの
作成方法（スクリプト）が分かりません。
作りたい機能は以下のとおりです。よいサイトが
あれば教えていただければ非常に助かります。

メニューのボタンをつくり、そこをマウスオーバーさせると縦長のメニュー（そこには各ボタンに関連する項目の小メニューが現れるようにしたいと思っています。たとえば、[朝ご飯]というボタンにマウスオーバーさせると、[白ご飯][卵焼き][お味噌汁]といった項目がのれんのように出現するという感じです。ボタンは作成済みです。私のイメージ通りのサイトがあったのでこちらをご覧いただけるとありがたいです。「ライブラリーについて」など。http://www.apu.ac.jp/media/modules/mediacenter/index.php?id=1&sel_lang=japanese）
図書館の本や今までの投稿記事、ネット、[view source]に当たってみたのですが、イメージのものと違うものが多く(プルダウン？)、また思っていたものでもスクリプトが難しく取り入れることができませんでした。
どなたかよろしくお願いいたします。

回答No.1

noname#21765 · ベストアンサー

私も以前、同じようなテーマで悩んだ時期がありました。
さんざん探した挙句「DynamicHTMLcross-browser」にたどりついたのを覚えています。
似たようなものを公開しているサイトもいくつかありますがここが一番いい感じです。

このサイトより、おそらく下記のページで解決ができるでしょう。

「リンクに触るとメニューが現れる」
http://www.fureai.or.jp/~tato/DHTML/simple/part2/sample/menu/menu.htm
（ソースを表示して69行目～455行目が必要なスクリプトです）

余談ですが、
ちょっと変わったところでメニューがスライドして出てくるのもありました。
Web2.0っぽいリッチな雰囲気が面白いです。

「リンクに触るとメニューがスライドして出てくる」
http://www.fureai.or.jp/~tato/DHTML/simple/part2/b/b33/b33.htm

なお、このサイトには他にも参考になるものがたくさんありますので、いろいろ見てみるといいかもしれません。
http://www.fureai.or.jp/~tato/DHTML/simple/contents.htm

私はこのサイトの運営者とは無関係です。
別に宣伝ではありませんのであしからず。

お礼

soonsさま
ご回答ありがとうございました。
教えてくださったサイトを参考に作成することができました！
本当に感謝しています。
ふたつめに教えて下さったアドレスにアクセスして見てみましたが
確かにリッチですね☆
残念なことに、ソースをコピーペーストをしても表示されなかったので（すべてコピーしたらうまくいくのではないかと思ったのですがうまくいかなかったです）、こちらは実現させることができなかったのですが、
このようなリッチなものもいつか作成できるようにがんばりたいと思います。
今回は本当にありがとうございました。