我的代码很长,但我对我的jQuery脚本发表了评论。我的问题是当你将鼠标悬停在它动画的菜单项上时,它会向右推动大约三个左右的像素。我已经玩了很多年了,我不能完美,它需要一点时间来完成它,但如果你能解决我的问题,将非常感激。这里是jsFiddle http://jsfiddle.net/g6tAn/
上的链接答案 0 :(得分:1)
由于<table>
布局而发生这种情况。当浏览器没有足够的页面宽度来以自然宽度呈现表格时,浏览器可以并且将会挤压<td>
个元素。您可以看到,您所看到的小弹跳效果在非常狭窄的浏览器窗口中被大大放大。
我made a demo布局完全不同。它适用于Chrome12,但我并不是真正意识到其他浏览器对list-style-image
的问题,所以在其他浏览器中它有点破碎。您可以删除该CSS以获得更好的跨浏览器演示。
或者您可以将style="width:600px"
添加到<table>
来解决问题(除非您当然需要动态宽度表...)