如何使用jquery將DIV動畫到中心

Question

我有一個覆蓋整個頁面width=100%和height=100%的div。我希望使用jquery.animate來動畫div，以較小的寬度橫向居中，即800px

Answer 1

這一切都取決於您的CSS以及您的靈活程度。

下面是一種方式的示例，以做到這一點：

http://jsfiddle.net/2Qxwn/

在這種情況下，我相對div定位，並且使用jQuery初始高度/寬度設定爲文檔的寬度。我還將left的位置設置爲50％，將margin-left設置爲寬度的一半（從而將其拉回中心）。然後，我相應地動畫width和margin-left。

您還可以使用margin: auto方法定心，然後你只需要動畫的寬度，但我總是持懷疑態度定心此方法的：

http://jsfiddle.net/2Qxwn/1/