jQuery fadeOut同时动画结束

Question

我有以下代码来动画背景图像。在动画结束时，它会淡出。但是，我想要实现的是在动画完成之前使元素淡出。因此，如果动画需要6秒，并且淡出需要2秒，则淡入淡出将从4秒开始，以便动画结束，淡出结束同时发生。任何帮助将不胜感激。

first_slide.animate({'background-size':'100%'}, 6000, 'linear').fadeOut(2000);

Answer 1

你必须以不同的方式分配动画，添加queue：false值，这样div可以同时拥有两个动画。然后只需添加一个延迟：

http://jsfiddle.net/8df2t/

first_slide.animate({
    'background-size': '100%'
}, {
    duration: 6000,
    easing: 'linear',
    queue: false
})
    .delay(4000).fadeOut(2000);

Answer 2

尝试使用.delay()，它会将fadeOut(2000) stmt的执行延迟4秒

first_slide.animate({'background-size':'100%'}, 6000, 'linear').delay(4000).fadeOut(2000);

Answer 3

您也可以单独使用它们。

     first_slide.animate({'background-size':'100%'}, 6000, 'linear');

     window.setTimeout(function(){

           first_slide.fadeOut(2000);       
     },4000);