菜单的重要特性

让我们从创建一个下拉菜单开始！

下拉菜单在网页中随处可见。有些比较简单，仅展开一列选项；有些则更复杂，支持嵌套子菜单。如果你正在从零开始构建一个带有导航或扩展选项的网站，那么实现一个下拉菜单的可能性非常大。

我们将以全球最受欢迎的电商平台之一——eBay 的菜单为原型进行设计。

ebay_menu.gif

让我们记录下希望实现的功能特性：

• 顶部菜单栏始终可见
• 鼠标悬停在某个项目上时，会显示子菜单
• 子菜单分为两个标签列
• 子菜单包含图片区域
• 所有子菜单宽度一致
• 在不同子菜单之间切换时，过程流畅自然。不会出现关闭和重新打开的动画，而是直接切换内容
• 子菜单中的列包含可点击链接，同时顶层选项本身也是可点击的（例如，用户可以点击“电子产品”，也可以点击其中某一类电子产品）
• 子菜单中的图片也支持点击
• 当用户鼠标移出子菜单区域时，子菜单自动关闭