Question

我正在尝试设置页面加载后放大（一个接一个）的2 div个动画。

我的目标是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()。

对于您的悬停，请查看the hover function。

看看这个。哈弗给我带来了一些麻烦，但在它缩放之前似乎还有一点延迟，但这就像我能得到它一样接近：JSFiddle

页面加载后jQuery扩展

1 个答案: