Question

我正在尝试为我的网站创建一个带有类别的侧边栏，因此当用户将鼠标悬停在侧边栏上的某个项目上时，会在右侧打开一个额外的子菜单，甚至可能是子子菜单。我想要创建的完美工作示例可以在http://www.ebay.com的左上角找到。

我的问题是，创建此菜单的最佳方法是什么？ jQuery的？仅CSS / HTML？我应该使用UL + LI元素来创建菜单，还是只使用下面的div？我正在考虑在初始div中有一个hiddin子菜单div的东西，我会在悬停时“显示”，使用JQuery，这是一个非常好的解决方案吗？

我很感谢有关这方面的任何建议或建议。

<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>

Answer 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/

Answer 2

为什么在有预先存在的插件时重新发明轮子。

你应该看看超级鱼。具体来看看他们的vertical menu demo。

侧栏菜单包含子菜单项

2 个答案: