-4

亚马逊网站 说明:

在“按部门购物”下 -

无需“悬停”的下拉下拉菜单。但是,当浏览器不是全屏时,菜单会消失,您需要悬停菜单以显示下拉菜单。

它的正式名称是什么?

4

2 回答 2

1

Amazon 下拉菜单(更具体地说是 Mega-dropdown)已在https://github.com/kamens/jQuery-menu-aim进行了逆向工程,您可以在此处阅读更多相关信息。http://bjk5.com/post/44698559168/break-down-amazons-mega-dropdown

在光标的每个位置,您都可以在当前鼠标位置和下拉菜单的右上角和右下角之间画一个三角形。如果下一个鼠标位置在该三角形内,则用户可能正在将光标移动到当前显示的子菜单中。亚马逊使用它来获得很好的效果。只要光标停留在该蓝色三角形内,当前子菜单就会保持打开状态。光标是否暂时悬停在“Appstore for Android”上并不重要 — 用户可能正在前往“了解有关 Cloud Drive 的更多信息”。</p>

在此处输入图像描述

于 2013-08-16T10:13:18.423 回答
1

我会说这是一个下拉菜单,当视口足够大以容纳它时,它设置为始终可见。我不认为这是一种经常使用或特别的网页设计模式,它真的需要它自己的名字。我经常将大多数现代响应式网站(在手机或小屏幕上查看时)上的小下拉菜单称为移动菜单。但这只是因为它们是移动设备上的菜单状态......

于 2013-08-16T06:13:14.123 回答