博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
setTimeout 让动画逐一出来
阅读量:6504 次
发布时间:2019-06-24

本文共 1274 字,大约阅读时间需要 4 分钟。

hot3.png

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

你可能感兴趣的文章
oracle 11gr2 rac中的4种IP解说
查看>>
为什么你找不到工作?
查看>>
20 个免费的 jQuery 的工具提示插件:
查看>>
汇编语言的应用
查看>>
device platform 相应的表
查看>>
php des 加密解密实例
查看>>
【Mac】Mac键盘实现Home, End, Page UP, Page DOWN
查看>>
实战使用Axure设计App,使用WebStorm开发(1) – 用Axure描述需求
查看>>
安德鲁斯----多媒体编程
查看>>
[zz]在linux中出现there are stopped jobs 的解决方法
查看>>
Delphi下实现全屏快速找图找色 一、数据提取
查看>>
查询表字段信息
查看>>
logback与Log4J的区别
查看>>
关于机器学习的最佳科普文章:《从机器学习谈起》
查看>>
dxFlowChart运行时调出编辑器
查看>>
NET Framework 3.0 (WinFX) RTM发布
查看>>
图片拼接器
查看>>
C++ TinyXml操作(含源码下载)
查看>>
读取swf里所有类定义
查看>>
DOWNLOAD 文件
查看>>