在下面这个页面中,我将中间的每个物体都切割成独立的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下载页 结束******************************************/