Question

我需要一些帮助才能做到这一点......：

到目前为止，这是我的代码：

for (var i = 0; i < 11; i++) {
                jQuery(function ($) {
                    $(window).queue(function (n) {
                        $('#red').fadeTo('fast', 0).fadeTo('fast', 1, n);
                    }).queue(function (n) {
                        $('#blue').fadeTo('fast', 0).fadeTo('fast', 1, n);
                    }).queue(function (n) {
                        $('#green').fadeTo('fast', 0).fadeTo('fast', 1, n);
                    }).queue(function (n) {
                        $('#yellow').fadeTo('fast', 0).fadeTo('fast', 1, n);
                    });
                });
            }

此代码正在做的是#red div淡出，然后淡入等等...... 我需要的是4个div来做到这一点：#red，需要淡出，然后当他淡出时，下一个div需要开始淡出...有人可以帮助我吗？

Answer 1

使用fadeTo回调函数。

for (var i = 0; i < 11; i++) {
    jQuery(function ($) {
        $(window).queue(function (n) {
            $('#red').fadeTo('fast', 0, function(){
                $(this).fadeTo('fast', 1);
                $('#blue').fadeTo('fast', 0, function(){
                    $(this).fadeTo('fast', 1);
                    $('#green').fadeTo('fast', 0, function(){
                        $(this).fadeTo('fast', 1);
                        $('#yellow').fadeTo('fast', 0, function(){
                            $(this).fadeTo('fast', 1, n);    
                        });
                    });                
                });
            });                 
        });
    });
}

http://jsfiddle.net/YCM9f/

jquery：将动画组合在一起开始和停止

1 个答案: