0

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

我的问题是，创建此菜单的最佳方法是什么？jQuery？仅 CSS/HTML？我应该使用 UL + LI 元素来创建菜单还是只使用下面的 div？我正在考虑在初始 div 中有一个隐藏的子菜单 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>
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 回答