如何在更改相對頂部時過渡元素？

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/

瞭解transition在這個tutorial。