Javascript 鼠标上的css和动画问题

我的代码很长，但我已经对jQuery脚本发表了评论。我的问题是，当你把鼠标移到菜单项上，它会产生动画效果，但它会向右移动三个左右的像素。我已经玩了很长时间，我不能得到它非常完美，这将需要一点时间来通过它，但如果你能解决我的问题，它将非常感谢。这里是JSFIDLE上的链接

由于

布局而发生的。当浏览器没有足够的页面宽度以自然宽度呈现表格时，浏览器可以并将挤压

元素。您可以看到，您看到的小反弹效果在非常窄的浏览器窗口中被大大放大

我选择了完全不同的布局。它在Chrome12中工作，但我没有真正意识到其他浏览器在

列表样式图像方面存在的问题，所以在其他浏览器中它有点坏。您可以删除CSS以获得更好的跨浏览器演示

或者，您可以将
style=“width:600px”
添加到
中，从而解决问题（当然，除非您需要动态宽度表…
因为
布局而发生这种情况。当浏览器没有足够的页面宽度以自然宽度呈现表格时，浏览器可以并将挤压
元素。您可以看到，您看到的小反弹效果在非常窄的浏览器窗口中被大大放大

我选择了完全不同的布局。它在Chrome12中工作，但我没有真正意识到其他浏览器在
列表样式图像方面存在的问题，所以在其他浏览器中它有点坏。您可以删除CSS以获得更好的跨浏览器演示

或者您可以将
style=“width:600px”
添加到您的
中，从而解决问题（当然，除非您需要动态宽度表…
您可以添加一个屏幕截图，显示您正在讨论的问题吗？此外，HTML是-tastic。您使用什么浏览器？在chrome中似乎还可以。最小化JSFIDLE上的结果框架，然后您将看到我的问题哇！这让我头疼：-）检查你的CSS-如果你有两个类，每个州，确保像边框一样的宽度是相同的。你能添加一个屏幕截图显示你正在谈论的问题吗？此外，HTML是-tastic。您使用什么浏览器？在chrome中似乎还可以。最小化JSFIDLE上的结果框架，然后您将看到我的问题哇！这让我头疼：-）检查你的CSS-如果你有两个类，每个州，确保像边框一样的宽度是相同的。谢谢你告诉我这一点，并重复我所做的。我的另一个问题是，当您将鼠标移到一个菜单项上，然后转到另一个具有另一个菜单项的div元素时，如何在div元素上保持悬停状态，直到它真正取决于结构。如果是菜单&rarr；子菜单您通常会在菜单内标记子菜单，因此当鼠标悬停在菜单项或其子菜单上时，
hover（）
或
mouseover（）
事件仍然适用。如果子菜单具有与菜单不同的父元素，则可以使用菜单上的
mouseenter（）
显示子菜单，并使用子菜单上的
mouseleave（）
关闭它。如果您需要更多信息，我可能需要了解一些菜单结构，以便提供帮助。感谢您告诉我这些，并重做了我所做的工作。我的另一个问题是，当您将鼠标移到一个菜单项上，然后转到另一个具有另一个菜单项的div元素时，如何在div元素上保持悬停状态，直到它真正取决于结构。如果是菜单&rarr；子菜单您通常会在菜单内标记子菜单，因此当鼠标悬停在菜单项或其子菜单上时，
hover（）
或
mouseover（）
事件仍然适用。如果子菜单具有与菜单不同的父元素，则可以使用菜单上的
mouseenter（）
显示子菜单，并使用子菜单上的
mouseleave（）
关闭它。如果您需要更多信息，我可能需要了解一些菜单结构，以便提供帮助。