0

背景画像をアニメーション化する次のコードがあります。アニメーションの最後でフェードアウトします。ただし、私が達成したいのは、アニメーションが完了する前に要素をフェードアウトさせることです。したがって、アニメーションに 6 秒かかり、フェードアウトに 2 秒かかる場合、アニメーションの終了とフェードアウトの終了が同時に発生するように、フェードは 4 秒で開始されます。どんな助けでも大歓迎です。

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

3 に答える 3

2

div が同時に 2 つのアニメーションを持つことができるように queue:false 値を追加して、アニメーションを別の方法で割り当てる必要があります。次に、遅延を追加するだけです。

http://jsfiddle.net/8df2t/

first_slide.animate({
    'background-size': '100%'
}, {
    duration: 6000,
    easing: 'linear',
    queue: false
})
    .delay(4000).fadeOut(2000);
于 2013-06-25T04:14:18.227 に答える
1

.delay()を使用してみてください。stmtの実行をfadeOut(2000)4 秒遅らせます。

first_slide.animate({'background-size':'100%'}, 6000, 'linear').delay(4000).fadeOut(2000);
于 2013-06-25T03:24:12.223 に答える