setTimeout 让动画逐一出来

最新推荐文章于 2022-07-28 23:27:54 发布

weixin_33904756

最新推荐文章于 2022-07-28 23:27:54 发布

阅读量139

点赞数

文章标签： python

原文链接：https://my.oschina.net/u/583531/blog/610685

版权

2019独角兽企业重金招聘Python工程师标准>>>

在下面这个页面中，我将中间的每个物体都切割成独立的div，然后，逐一让它们出来。注意：如果CSS初始化的时候需要将display：none；因为下面的animate用到了 opacity: 'show'。另：其实最好的做法是在js写初始化隐藏，这样加载顺序会比较准，不太容易出BUG。

/********************************app下载页 开始******************************************/
$(function(){ 
  
    
 // $("#app_content,.app_c_mid").css("height", $(window).height() - 170);
   
   $(".app_mt").hide().animate({left: 0,opacity: 'show'}, 600);
   
   setTimeout("$('.app_H1').animate({left: 430,opacity: 'show'}, 600); ",500);
   
   setTimeout(
   "$('.app_circle_01').animate({left: 430,opacity: 'show'}, 600); ",600
   );
   
   setTimeout(
   "$('.app_circle_02').animate({left: 530,opacity: 'show'}, 600); ",900
   );
   
   setTimeout(
   "$('.app_circle_03').animate({left: 630,opacity: 'show'}, 600); ",1200
   );
   
    setTimeout(
   "$('.app_down_text').animate({left: 430,opacity: 'show'}, 600); ",1300
   );
    
 setTimeout(
   "$('.app_btn_ios').animate({left: 430,opacity: 'show'}, 600); ",1400
   );
   
   setTimeout(
   "$('.app_btn_android').animate({left: 630,opacity: 'show'}, 600); ",1800
   );
   
    setTimeout(
   "$('.app_ios_erweima').animate({top: 335,opacity: 'show'}, 600); ",2100
   );
 
 
 
});
/********************************app下载页 结束******************************************/

转载于:https://my.oschina.net/u/583531/blog/610685