在Javascript中复制下拉菜单行为

我注意到OS X下拉菜单的一个特点是它们处理切换到子菜单的方式。当您打开了一个菜单，并且希望从中打开子菜单时，只要指针位于从菜单侧面延伸出来的某个锥形区域内，子菜单就会保持打开状态。如果鼠标离开该区域，则菜单将立即关闭，但当鼠标在该锥体中时，则菜单将永远不会关闭。这还允许您沿着对角线路径移动鼠标以到达子菜单中的元素。

另一方面，大多数网站的子菜单会关闭，除非你小心地沿着一系列直线路径移动鼠标到达子菜单项。在设计较好的网站上(Google docs和其他网站一样)，在菜单关闭之前会有一个延迟，这可以解决整个对角线路径的问题，但会使界面看起来没有响应。

有没有办法在网页菜单中复制OS X的行为?我对一些更深奥的技术不太熟悉。我在想一些东西沿着手动添加在锥形区域(作为一个透明的图像或其他东西)，并使用mousein和mouseout在该区域处理显示和隐藏菜单。我不知道该怎么做