jQuery fadeOut同时动画结束

我有以下代码动画背景图像。 在动画结束时，它会淡出。 但是，我想要实现的是在动画完成之前将元素淡出。 因此，如果动画需要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);