jQuery的一步一步的动画 [英] jQuery step by step animation

问题描述

我要三要素中的一个又一个褪色。

I want three elements to fade in one after another.

<span class="a">Step 1</span>
<span class="b">Step 2</span>
<span class="c">Step 3</span>

下面是我的JS尝试与时（）和（）完成（另见的 http://jsfiddle.net/wU9Qf/ ）：

Here is my JS attempt with when() and done() (also see http://jsfiddle.net/wU9Qf/):

var step1 = $(".a").fadeIn(3000);
var step2 = function(){$(".b").fadeIn(3000);};
var step3 = function(){$(".c").fadeIn(3000);};

$.when(step1).done(step2);

我要的淡入（）一步一步（步骤1>第2步>第3步） - 我怎么做到这一点。

I want the fadeIn() step by step (step 1 > step 2 > step 3) - how do I do this?

推荐答案

是，这是你问的是什么？

is this is what you were asking?

$(".a").fadeIn(3000,function(){
    $(".b").fadeIn(3000, function(){
        $(".c").fadeIn(3000);
    });
});

这篇关于jQuery的一步一步的动画的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！