Javascript 如何使顶部菜单中的下拉菜单立即显示/显示动画？

我有一个带下拉菜单的菜单。如何使下拉列表立即显示，如在站点上

编辑：我找出了造成延迟的原因：当鼠标移动时，下拉菜单不会显示，它只在鼠标停止时显示。因此，如果鼠标从未在菜单项上停止-下拉菜单甚至会显示

---

Edit2：看来，问题只出现在Chrome、FF和IE的预期工作中

问题在于浏览器没有加载背景图像，因为它最初是隐藏的。延迟是由服务器请求的映像引起的。我会以某种方式预加载它——也许在页面底部添加一个虚拟的像素宽div，并将该图像作为背景图像。

你能更清晰一些吗？对我来说，它看起来很快。我认为您需要正确设置

a

元素的维度。这将允许js在适当的时间激活菜单…@Ross与第二个示例中的菜单相比，您可以看到，菜单上有大约半秒的延迟mouseover@Xander你能说得更具体些吗？你说的是整个菜单的

a

元素，还是下拉菜单中的

a

？下拉菜单中的

a

。。。由于该元素上的

悬停

事件触发子菜单显示…好的，我将背景更改为颜色，而不是图片，但是我仍然存在问题。。我找出了造成延迟的原因：鼠标移动时，下拉菜单不会显示，它只在鼠标停止时显示。因此，如果鼠标从未在菜单项上停止-下拉菜单甚至会显示…看起来，问题只出现在Chrome、FF和IE中，按预期工作。@Acidon，似乎我无法重现。在我看来，它是即时的铬。