1

私がやろうとしているのは、要素をフェードインさせ、不透明度を上下にフェードさせることで要素が光っているように見せることです。それを約5秒間行い、それが完了したら、フェードしたいです要素アウト...

どうすればそれを行うことができるか、一生わかりません。これまでの私のコードは次のとおりです。

function showContent() { $('.item').fadeIn(3000);
$('.item').animate({opacity:'+=1'}, 1000);
$('.item').animate({opacity:'-=0.4'}, 1000);
};

今はちらつきが続いているので、5 秒後にそれを止めてフェードアウトさせたいと思っています。

どんな助けでも素晴らしいでしょう！

4

3 に答える 3

5

コールバックについて心配する必要はありません。jQuery アニメーション キューを使用できます。

$('.item')
   .fadeIn(3000)
   .delay(100)
   .fadeTo(1000, 0.4)
   .delay(100)
   .fadeTo(1000,1)
   .delay(100)
   .fadeOut(3000);

デモ: http://jsfiddle.net/ZvSXt/1/

于 2013-04-29T08:45:51.237 に答える
0

3 番目のアニメーションと同じように、最初のアニメーションの完了の 2 番目のアニメーションを初期化する必要があります。

したがって、完全なコールバックを使用して次のアニメーションを初期化します。

function showContent() { 
    $('.item').fadeIn(3000, function(){
        console.log('2')
        $(this).animate({opacity:'+=1'}, 1000, function(){
            console.log('3')
            $(this).animate({opacity:'-=0.4'}, 1000);
        });
    });
};

デモ:フィドル

于 2013-04-29T08:41:42.703 に答える