文章/答案/技术大牛

发布

社区首页 >问答首页 >jquery:将动画组合在一起开始和停止

问jquery:将动画组合在一起开始和停止
EN

Stack Overflow用户

提问于 2013-11-08 16:50:10

回答 1查看 71关注 0票数 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逐渐消失，然后消失等等.我需要的是4div来做这件事：#red，需要消失，然后当他发散时，下一个div需要开始淡出.有人能帮我吗？

animation

html

for-loop

jquery

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-11-08 17:49:45

使用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/

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/19864375

复制

相似问题

问jquery:将动画组合在一起开始和停止
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jquery:将动画组合在一起开始和停止EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jquery:将动画组合在一起开始和停止
EN