如何在更改其相对顶部时转换元素？

Question

在jquery中，我使用$(elem).css("top",x);更改元素位置（具有相对定位）。 但是我怎么能这样做并使其动画或转换，所以它会快速移动到新位置但不会立即移动到新位置。

感谢。

Answer 1

两种方式：

1。您可以像这样使用Jquery animate()：

演示：http://jsfiddle.net/5pvwW/

详细了解Jquery animate()函数here。

2。也可以像这样使用css transition：

演示：http://jsfiddle.net/eeBDh/

详细了解tutorial中的transition。