4

私は非常に素晴らしいものに困惑しました、私はいくつかの次のプロジェクトで使用したいと思っていました。

これは、ロード時にアニメーション化された不透明度です。または、フェードインと呼ぶこともできます。

いくつかの要素（例3）をリンクして、終了しelement2たときにのみ開始し、element1終了したときにのみ開始できるかどうか疑問に思いelement3ました。2は？

または、で遅延を定義し、で遅延element2を乗算する必要がありますelement3か？

4

3 に答える 3

12

たとえばclass="faded"、divがある場合は、ロード時にそれぞれをフェードインし、それぞれを次のように続けてフェードインできます。

$(".faded").each(function(i) {
  $(this).delay(i * 400).fadeIn();
});

この効果のデモはここで、またはより遅いバージョンはここで見ることができます。これ400は400msで、通常の.fadeIn()速度の持続時間です:)

.hide()次のように、ページの読み込み時にそれらを非表示にするために使用できます。

$(".faded").hide()

またはCSSでそれを行います：

.faded { display: none; }
于 2010-06-28T14:43:43.550 に答える
4

element2のfadeInを、element1の完了コールバック時に開始させることができます。

 element1.fadeIn(500, function() {  
       element2.fadeIn(500, function() { 
            etc...
于 2010-06-28T14:45:29.790 に答える
-1

これらのタイプのアニメーションが成功のコールバックの妨げになるとは思わないので、要素がフェードするのにかかる時間がわかっている場合は、setTimeout（）のようなものを使用して、適切な量の後に次のアニメーションを起動できます時間が経ちました。

編集：私は修正されたままです。

于 2010-06-28T14:45:43.827 に答える