我正在寻找动画一些元素(使用jquery或mootools)的最佳和高效的方法。 例如,如果我必须移动一个元素,最好是:
答案 0 :(得分:2)
如果您没有指定left
/ top
值,绝对位置+边距操作可以做得很好。
什么伎俩?
具有绝对位置但没有left
/ top
的元素将呈现在静态元素发生的相同位置,而margin-left
/ margin-top
将< em>将添加到该位置。
总的来说,我感谢你不要提到静态位置作为选项 - 动画这样的元素会导致不必要的布局重排,这是DOM /超时动画的主要缺点。
在您考虑的选项中,我认为最高效的是背景选项。但它的应用有限,因为您只能移动图形内容。所以我会选择#1选项。