馬鹿なので盗めない…

質問

こちらのサイト↓
http://members.at.infoseek.co.jp/dhtml_s/web_image/image_soft.htm
のようなドロップダウンリンクメニューを自分のページに組み込みたいのです。ソースを見るとどうやらjavascriptとcssで実現しているようです。また、NNでは動かずIE特化型の記述でもあるようです。crossブラウザ実現しなくても良いので、この手法を簡潔に説明してくれているサイトか、もしくはソースの解る方おられましたら教えてください。私は目が赤くなるくらいこのソースとにらめっこしたのですが、どうにもこうにも、どうやったらいいのか解読できない。cssファイル等も外部リンクが張ってあり、これもダウンしたんですが、複雑すぎて私の頭では解読不可能です。簡単に、このドロップダウンメニューの作り方、htmlへの組み込み方を解説してくれているサイトを教えて頂けると大変助かるのですが…色々探してみたのですが、見当たりませんで…
どうぞ宜しくお願い致します。<(__)>

回答No.3

Yumikoit · ベストアンサー

こんにちは。こんな感じのサイトで配布しているスクリプトを利用してはどうでしょうか？
　http://mugi.cc/js/
　　[メニュースクリプト「muginavi」]
　　[cbm]

他にもこのサイト内に色々便利なスクリプトがありそうです。

お礼

こちらにはいろんなパターンがありますね。大変嬉しいサイトを教えて頂きましてありがとうございました！

回答No.2

gimmick

ソースを軽く眺めてみましたが、それ程複雑な事はしていないようですね。
基本的には

(1)メニューのclassを"header-index"にし、idは"menu"で始まるようにする。
(2)ドロップダウンメニューのidを"child"で始まるようにし、"child"の後を
　　対応するメニューと一致させる。(例："menuHome"と"childHome")
(3)メニュー表示の切り替えはJavascriptのdocument.onmouseover()で実装。
　　(厳密にはopenMenu()とcloseMenu()でvisibilityを書き換えている)

というだけです。

document.onmouseover()では、マウスポインタのある要素のclassが"header-index"
だった場合に対応するメニューを(必要があれば表示中のメニュを閉じてから)表示
します。また、"header-index"以外の場合は必要に応じて表示中のメニューを
非表示にします。

お礼

gimmick様は意味をきちんと理解されているのですね。素晴らしいです。私のスキルではまだ書き換えしかできないレベルです。あなたのようになりたいです☆

回答No.1

twk

盗む、は語弊があるので言って欲しくないですが、そんなことを考えずとも、Top PageのAboutのところを見ると、「当サイトのメニューバーについて」に説明されているようですよ。

参考URL：

http://members.at.infoseek.co.jp/dhtml_s/top_about.htm

お礼

そうですね。"盗む"は変でしたね。インパクトあったほうが沢山返信頂けるかと大げさにしてしまいました。汗　確かにサイト内に解説サイトのurlがありました。ありがとうございました。皆さん同様にとても参考になりました。ポイントは２名様までなので、今回は順番で付けさせてください。twk様のご返答もとてもありがたかったです。ポイントあげられなくて、ごめんなさい。