Javascript 如何制作类似于amazon.com上的下拉菜单？

如何制作一个像amazon.com这样的下拉/滑出菜单，这样当你鼠标悬停在“按部门购物”上，然后鼠标悬停在所有选项上时，另一个菜单会根据你鼠标悬停的内容滑出到右侧显示内容？（如果可能，只使用CSS3而不使用javascript）

另外，假设您有多个部门，如amazons，那么有多个部门，如：

<div id="department1" style="display:none">
Content for department1
</div>
<div id="department2" style="display:none">
Content for department2
</div>
...

部门内容1
部门内容2
...

要在获得下拉列表后获得该滑动部分，我调用div id“currentdepartment”来更改在任何“部门名称”上的onmouseover上更改的内容，我通常会这样做：$（“#currentdepartment”）.html（$（“#department1”）.html（）

---

是否有更好的方法来实现理想的性能？（基于速度和空间[似乎在同一页面的鼠标上为每个部门的内容设置多个div可能会造成浪费]

不久前有人写了一篇关于亚马逊下拉框的博客文章：

---

亚马逊为此构建了自己的Jquery。当然，他们使用了其他库，比如Jquery和Sizzle，但他们不能直接使用脚本，我们也不能直接使用这个特定的脚本

因此，您的答案是，Amazon基本上使用CSS精灵、Jquery和Sizzle为其代码开发自己的自定义脚本。我检查了代码，它涉及5500多行，我认为这对您来说是不可行的，除非您正在构建Amazon第2部分

所以我建议寻找更容易构建的下拉菜单，这样做的起点是

它们有易于使用的菜单和教程来指导您使用它们。 希望这能回答你的问题