如何制作像 amazon.com 这样的下拉菜单/滑出式菜单，这样当您将鼠标悬停在“按部门购物”上，然后将鼠标悬停在所有选项上时，另一个菜单会滑出到右侧，根据您悬停的内容显示内容？ (如果可能，仅使用 CSS3，不使用 javascript)？
同时假设您有多个部门，例如亚马逊，那么拥有多个 div 是否可行，例如:
<div id="department1" style="display:none">
Content for department1
</div>
<div id="department2" style="display:none">
Content for department2
</div>
...
为了在获得下拉菜单后获得滑出部分，我将 div id 称为“currentdepartment”以更改在鼠标悬停在任何“部门名称”上时发生变化的内容，我通常会这样做:$("#currentdepartment")。 html($("#department1").html())
是否有更好的方法来实现理想性能？ (基于速度和空间 [似乎在同一页面上鼠标悬停时为每个部门的内容设置多个 div 似乎有潜在的浪费])
最佳答案
前段时间有人写了一篇关于亚马逊下拉框的博文:
http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown
关于javascript - 如何制作像 amazon.com 上那样的下拉菜单？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17481591/