1

これを行うには助けが必要です...：

これはこれまでの私のコードです:

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 はフェードアウトを開始する必要があります...誰か助けてくれませんか?

4

1 に答える 1

0

コールバック関数を使用し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/

于 2013-11-08T17:49:45.350 に答える