0

在 UL 列表中，我是否想为里面的第一个 LI 设置动画。第一个动画将删除蓝色背景的 CSS 类，并为其添加新的 CSS 以使其具有深色背景。它还在里面增加了一行新的代码。第二个动画会将同一个 div 向上推，并在其上淡入淡出，使其消失。然后它将被删除。

我测试过的两个动画都是通过注释掉另一个动画来分开的，并且可以正常工作。问题是我不能一起运行它们，如果我做第一个动画，那么第二个动画根本不起作用。

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-function。结帐http://api.jquery.com/animate/和 http://api.jquery.com/delay/
还有一个简短的例子$('#foo').slideUp(300).delay(800).fadeIn(400);

于 2013-05-16T19:40:20.700 回答