jquery - ページ読み込み後の jQuery スケール

Question

divページの読み込み後に (次々に) スケールアップする2 つの s をアニメーション化しようとしています。

私の目標は、少し遅れて（の中心から）div 1拡大して表示され、少し遅れて拡大することです。divdiv 2

さらに、ホバー時に各 div をわずかに拡大し、マウス アウト後に通常に戻すようにしています。

---

編集: http://jsfiddle.net/uwybR/7/で何かが起こっていますが、ホバー効果が機能していません。

何か案は？

Answer 1

これはおそらくあなたがやりたいことです：

$(document).ready(function() {
    $('#div1').animate({
        width:'new width',
        height:'new height'
    },500, function(){
        $('#div2').animate({
            width:'new width',
            height:'new height'
        }, 500)
    })
})

2 番目の div は、最初の div が終了した後にアニメーション化されます。それらをほぼ同時に実行したい場合は、を使用する必要がありますsetTimeout()。

ホバーについては、ホバー機能をチェックしてください。

これを見てください。ホバーは私にいくつかの問題を引き起こし、スケーリングする前にまだ少し遅れがあるようですが、これは私が得ることができる限り近いものです: JSFiddle