实现亚马逊超快下拉菜单本文分享一个jQuery菜单插件,用于实现亚马逊左上角超快响应速度下拉菜单日前在网上广为流传的主页。当鼠标滑过菜单中的选项时,子菜单的显示速度非常快。我们可以看看效果:这个显示速度基本上是和鼠标移动同步的,但是大部分网站的下拉菜单在显示子菜单的时候会有一定的延迟,但是亚马逊的下拉菜单没有这个延迟,子菜单也不应该消失。它是怎么做到的?答案是通过检测鼠标移动的方向和轨迹。想象一下,在鼠标当前位置与子菜单的左上角和左下角之间画一个三角形。如果鼠标在这个三角形范围内移动,那么用户很可能将鼠标从主菜单移动到子菜单,所以不要立即更新子菜单。但是如果鼠标移到这个三角形之外,子菜单可以立即更新。这就是亚马逊主页上超灵敏下拉菜单背后的算法。如果你想在你的网站中实现这个菜单逻辑,你可以使用由可汗学院工程师BenKamens编写的jQuery插件-menu-aim。GitHub插件下载链接:http://www.cnblogs.com/lhb25/archive/2013/03/18/amazon-menu-jquery-plugin.html
