jQuery串行动画小案例

来源:互联网 发布:婚纱网络销售好做吗 编辑:程序博客网 时间:2024/06/06 01:05

因为动画需要执行一段时间,所以jQuery必须不断返回新的Promise对象才能后续执行操作。简单地把动画封装在函数中是不够的。

var div = $('#test-animates');// 动画效果:slideDown - 暂停 - 放大 - 暂停 - 缩小div.slideDown(2000)   .delay(1000)   .animate({       width: '256px',       height: '256px'   }, 2000)   .delay(1000)   .animate({       width: '128px',       height: '128px'   }, 2000);}</script>
0 0
原创粉丝点击