jqueryを使用してDIVを中心にアニメーション化する方法

Question

width=100%とheight=100%のページ全体をカバーするdivがあります。私はjquery.animateをdivにアニメーション化して、幅を狭くして中央に水平に動かしたいと考えています。

Answer 1

これはすべてあなたのCSSと柔軟性に依存します。ここ

はそれを行うための一つの方法の例である：この場合

http://jsfiddle.net/2Qxwn/

、Iはdivを位置決めし、文書の幅に初期高さ/幅を設定するためのjQueryを使用し。また、leftの位置を50％に設定し、margin-leftを幅の半分に設定します（これにより、中央に戻します）。私はそれに応じてwidthとmargin-leftをアニメーション化します。

ます。また、中心のmargin: auto方法を使用することができ、その後、あなただけの幅をアニメーション化する必要がありますが、私はいつも心のこの方法の警戒心を抱いています：

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