jquery - 页面加载后的jQuery缩放

Question

我正在尝试div在页面加载后对 2 进行动画处理（一个接一个）。

我的目标是在延迟后div 1（从 的中心div）按比例缩小，然后在稍长的延迟后div 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)
    })
})

第二个 div 将在第一个 div 完成后进行动画处理。如果您希望它们几乎同时运行，您将不得不使用setTimeout().

对于您的悬停检查悬停功能。

看看这个。悬停给我带来了一些麻烦，在它扩展之前似乎还有一点延迟，但这是我能得到的最接近的：JSFiddle