0

UL リスト内の最初の LI をアニメーション化しますか。最初のアニメーションは、青色の背景の CSS クラスを削除し、新しい CSS を追加して背景を暗くします。また、内部に新しいコード行を追加します。2 番目のアニメーションは、同じ div をフェードで上に押し上げて、非表示にします。その後、削除されます。

私がテストした両方のアニメーションは、他のアニメーションをコメントアウトすることで分離され、適切に機能します。問題は、それらを一緒に実行できないことです。最初のアニメーションを実行すると、2 番目のアニメーションはまったく機能しません。

listTop = $('#ypPlaylist > ul li:first');

setTimeout(function () 
{
    listTop.css('background', '#2d89ef').removeClass('bg-color-blue');
    listTop.animate({ backgroundColor: '#1d1d1d' }, 300);
    listTop.prepend('<b>Running: </b>').fadeTo(300);
}, 1000)

setTimeout(function () 
{
    listTop.animate({ marginTop: '-=82px', opacity: 0 }, 800, function () 
    {
        listTop.remove();
    });
}, 3000);
4

1 に答える 1

0

すべてを連結し、その間に遅延を設定し、setTimeouts 関数を削除できます。チェックアウトhttp://api.jquery.com/animate/および http://api.jquery.com/delay/
短い例もあります$('#foo').slideUp(300).delay(800).fadeIn(400);

于 2013-05-16T19:40:20.700 に答える