jquery - スプレーのようなJqueryの成長効果

Question

こんにちは、こちらのスプレー ページにサンプル 2/デモ 2 と同じ jquery grow 関数があるかどうか疑問に思っていました。

http://labs.adobe.com/technologies/spry/samples/effects/grow_sample.html

ほとんどのサイト効果は jquery を使用しているため、スプレーを使用したくありません。

ありがとう！

Answer 1

scalejQueryUIのエフェクトを使用してこれを実現できます。

詳しくは

Answer 2

私は.animate()この方法を使用します。

こちらのデモをご覧ください。

<div class="outer">
  <div class="inner">&nbsp;</div>
</div>

$('div.inner').animate({
    'margin':'100px'
}, 1000);​

完全な効果のためのステップ

1. コンテンツがない場合はマージンを増やします。
2. 次に、アニメーションが完了したら、余白を削除します
3. 実際の最終的な幅を設定し、
4. 次に、表示するコンテンツを追加します。