3

JQuery 菜鸟又来了。

这是我要实现的目标的示例。

$(function(){
var fourDivs = $('#window > div');
var doSlide = function (){

        if (fourDivs)
            fourDivs
            .delay(1000)
            .animate({marginLeft: 50})
            .delay(1000)
            .animate({marginLeft: 250})
            .delay(500)
            .fadeOut(200)
            .animate({marginLeft: -200})
            .fadeIn(500)


};

doSlide();
setInterval(doSlide, 2000);

});

我认为这是一个有趣的尝试，但很糟糕。

对于那里的所有专家，我的想法是否正确？你们会推荐什么？

我将如何获得这样的动画循环以继续循环通过一类 div？

提前致谢。

4

2 回答 2

2

使用 jQuery 的.each()功能：

function loop () {
    $('#window > div').each(function (index, myDiv) {
        if (myDiv) {
                myDiv
                .delay(1000)
                .animate({marginLeft: 50})
                .delay(1000)
                .animate({marginLeft: 250})
                .delay(500)
                .fadeOut(200)
                .animate({marginLeft: -200})
                .fadeIn(500);
       }

    });

}

setTimeout(loop, 1000);

编辑：没有正确阅读您的问题

于 2012-12-28T05:21:40.110 回答
0

我建议你试试jquery api queue，但我不知道这个细节。

于 2012-12-28T09:05:33.203 回答