リッチJavaScript DHTMLメニュー

Question

ここで作成されたメニューなどをサポートするJSメニュースクリプトをお勧めしますか？http://www.brightstarr.com/US/Pages/Default.aspx？

私はウェブを検索してきましたが、正しくフレーズできないので、いつもスーパーフィッシュやその他のプレーンなドロップダウンメニューになってしまいます。

私が必要とするのは、オプションの画像サポート（メニューリンクごとの画像）を含むセクションで分割された大きなメニューのサポートです。

Answer 1

Soh Tanaka's Mega Menuは、このスタイルのメニューを設定する典型的な例です。私はそれがメガメニュースクリプトのゴールデンスタンダードだと言っています。チュートリアルを作成した後は、各関連領域のdiv内で必要な操作を行うのは簡単です。

このようなチュートリアルで前処理済みのソリューションを使用するのに最も良い点は、学習するだけでなく、十分にテストされ改訂されていることです。

上記の例では、<li>要素を少し厳しすぎる場合は、try this tutorial from SitePoint

Answer 2

お気に入りのJavaScriptフレームワーク用のプラグインを検索するだけです。 "jquery drop down menu plugin"を検索すると、約1000件あります。大きなサイズと画像の追加は、私が使ってきたものではかなり標準的です。彼らは単なるdivであるからです。あなたがjqueryを扱うのに慣れているかどうかは分かりませんが、他の大きなフレームワークのプラグインもあると確信しています。

Answer 3

特定のページでは、JSをメニューに使用していないようです。ちょうどCSSが:hover疑似クラスを利用しています。チュートリアルhereが見つかりました。一番下の行は、あなたのドロップドウが必要とするすべてのマークアップを書き、CSSスタイルでそれらを味付け（そして配置！）し、最終的にスタイルシートに:hoverを入れて、必要に応じてサブメニューを表示させることです。

Answer 4

かもしれません私はBrightStarrサイトのメニューを書きました。 JSをまったく使っていないので、これを決める前にたくさんのテクニックを試してみましたが、これは私が見た他のどのJSソリューションよりもモバイルデバイスの方がはるかに優れているという単純な理由から選択しています。