jquery - 尝试使用 jquery 设置动画时如何定位 html 元素？

Question

我为我的网站制作了一个按钮，它是一个带有背景图片的 div。我使用 jQuery 为该按钮制作动画，这样当鼠标悬停在按钮上时，它会向右跳 20 像素，当鼠标离开时，它会返回到之前的位置。

问题是，当我放大(ctrl + scroll)时，整个动画变得一团糟。按钮从左到右快速移动，当然不是它应该在的位置。

我使用相对位置和像素单位来定位元素。

我应该如何定位事物？ 绝对 还是相对？像素还是百分比？

Answer 1

最好的办法是只使用 CSS。它很整洁，工作做得很好。这是一个演示

http://jsfiddle.net/kevinPHPkevin/GyVTZ/

img {
    margin-top:20px;
}
img:hover {
    margin-top:10px;
}