我的代码很长，但我已经对我的 jQuery 脚本进行了评论。我的问题是，当您将鼠标悬停在它动画化的菜单项上时，它会向右稍微推三个像素左右。我已经玩了很长时间了，但我不能让它非常完美，它需要一点时间来完成它，但如果你能解决我的问题，我将不胜感激。这里是 jsFiddle 上的链接 http://jsfiddle.net/g6tAn/
最佳答案
它的发生是因为 <table>布局。浏览器可以并且将会压缩 <td>当页面宽度不足以以其自然宽度 呈现表格时。您可以看到，您看到的小弹跳效果在非常窄的浏览器窗口中被大大放大了。
我made a demo布局完全不同。它适用于 Chrome12，但我并没有真正意识到其他浏览器对 list-style-image 的问题所以它在其他浏览器中有点损坏。您可以删除该 CSS 以获得更好的跨浏览器演示。
或者您可以只添加 style="width:600px"给你的<table>这解决了问题(当然除非你需要一个动态宽度表......)
关于javascript - mouseenter 上的 css 和动画问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5817830/