如何制作像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似乎可能是浪费的]）
答案 0 :(得分：1)
有人刚才写了一篇关于亚马逊下拉框的博文：
http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown
答案 1 :(得分：1)
亚马逊为此建立了自己的Jquery。当然，他们使用了其他库，如Jquery和Sizzle，但他们不能直接使用脚本，也不能直接使用这个特定的脚本。
所以你的答案是亚马逊基本上使用CSS sprites，Jquery和Sizzle为他们的代码开发自己的自定义脚本。我检查了代码，它涉及超过5500行，除非你构建亚马逊第2部分，否则我认为这对你不可行。
所以我建议寻找更容易构建的下拉菜单，这个起点可能是Dynamic Drive
它们具有易于使用的菜单和教程，可指导您使用它们。 希望能回答你的问题