0

Webサイトのカテゴリを含むサイドバーを作成しようとしているので、ユーザーがサイドバーの項目にカーソルを合わせると、追加のサブメニューが右側に開き、場合によってはサブサブメニューも開きます。私が作成しようとしているものの完璧な実例は、 http://www.ebay.comの左上にあります。

私の質問は、このメニューを作成するための最良の方法は何ですか?Jquery?CSS / HTMLのみ?UL + LI要素を使用してメニューを作成する必要がありますか、それとも以下のようなdivを使用する必要がありますか?JQueryを使用してホバー時に「表示」する最初のdiv内にhiddinサブメニューdivを配置するという方針に沿って何かを考えていましたが、それはかなり良い解決策ですか?

これを行うための良い方法に関する提案や推奨事項に感謝します。

<div id="container">
        <div class="menu-item">Cars > (Ford, Chevy, VW)</div>
        <div class="menu-item">Food > (Fruits, Burgers, Veggies)</div>
        <div class="menu-item">Sports > (Soccer, Football, Basketball)</div>
        <div class="menu-item">Movies > (Action, Comedy, Horror) </div>
    </div>
4

2 に答える 2

1

私の知る限り、これはCSSでのみ実行できます。マークアップは次のようになります。

<ul>
    <li>Cars
         <ul>
             <li>Ford</li>
             <li>Chevy</li>
             <li>VW</li>
         </ul>    
    </li>
    <li>Food
         <ul>
             <li>Fruits</li>
             <li>Burgers</li>
             <li>Veggies</li>
         </ul>    
    </li>
</ul>

CSSの例はここにあります:http ://www.cssdrive.com/index.php/examples/exampleitem/css_drop_down_menu/

于 2012-06-05T14:03:52.363 に答える
1

そこに既存のプラグインがあるのに、なぜ車輪を再発明するのか。

あなたはスーパーフィッシュをチェックする必要があります。具体的には、垂直メニューのデモをご覧ください。

于 2012-06-05T14:04:03.197 に答える