0

このコードを使用して3divをアニメーション化しています。アニメーションが段階的に発生するように、遅延を追加するにはどうすればよいですか。現在、3つのdivが同時にアニメートされています。私を助けてください。

これが私のコードです：$（document）.ready（function（）{

//iPhone Animation / Define Variable
var iPhoneOne = $(".iphoneOne");
var iPhoneTwo = $(".iphoneTwo");
var free = $(".free");

iPhoneOne.animate({marginTop:'80px',opacity:1},{duration:"slow", easing:"easeOutBounce"});
iPhoneTwo.animate({marginTop:'80px',opacity:1},{duration:"slow", easing:"easeOutBounce"});
free.show("fast");

}）;

4

2 に答える 2

0

私はこれがそれを行う1つの方法になると思います：

iPhoneOne.animate(
   {marginTop:'80px',opacity:1},
   {duration:"slow", easing:"easeOutBounce"},
   関数（）
   {

      iPhoneTwo.animate(
         {marginTop:'80px',opacity:1},
         {duration:"slow", easing:"easeOutBounce"},
         関数（）
         {

             free.show("速い");

         }
      );

   }
);
于 2012-07-18T11:12:44.010 に答える
0

私はそれを解決しました。コードは次のとおりです:
$(document).ready(function() {

//iPhone Animation / Define Variable
var iPhoneOne = $(".iphoneOne");
var iPhoneTwo = $(".iphoneTwo");
var free = $(".free");

iPhoneOne.animate({marginTop:'80px',opacity:1},{duration:"slow", easing:"easeOutBounce"});
iPhoneTwo.delay(500).animate({marginTop:'80px',opacity:1},{duration:"slow", easing:"easeOutBounce"});
free.delay(800).show("fast");

});

于 2012-07-18T11:13:39.577 に答える