jquery - 两个先执行的关键帧

Question

我有一个 div，它需要两个效果，必须一个接一个地实现。我在两个动画之间使用延迟（）（在 jquery 中），但它不需要结果。实际上我想链接两个关键帧。建议的解决方案是什么？非常感谢

Answer 1

jQuery 的 animate() 有一个内置的回调函数：

$("#elementID").animate({top: 0}, 1000, function() {
    $(this).animate({top: 1000}, 1000);
});

Answer 2

Webkit 有一个动画延迟属性，但那只是 Webkit。我强烈建议您在动画中使用 jQuery。

看看这个堆栈溢出问题： http ://stackoverflow.com/questions/7825509/css3-chain-animations

jQuery transit 也是一个很好的使用 CSS3 动画的插件，同时使用 jQuery 语法。 http://ricostacruz.com/jquery.transit/