循环中两个div之间淡入/淡出

Question

我怎样才能让两个div在两者之间交替淡入/淡出,这样一次只能看到一个？并使它成为一个永无止境的循环？

提前致谢!!

我知道它应该用.fadeOut和.fadeIn完成 - 但不知道如何让它一遍又一遍地循环.

Answer 1

这是我自己的版本

http://jsfiddle.net/3KydB/

window.switchIn = function () {
    $('.red').fadeToggle(function() {
        $('.blue').fadeToggle(function() {
            setTimeout(function() {window.switchOut();}, 500);
        });
    });

}

window.switchOut = function () {
    $('.blue').fadeToggle(function() {
        $('.red').fadeToggle(function() {
            setTimeout(function() {window.switchIn();}, 500);
        });
    });

}

setTimeout(function() {window.switchIn();}, 500)