本文是对hide()和show()的进一步补充,其中不仅介绍回调函数,还有递归的相关知识点。
案例要求:
点击”隐藏动画“按钮,四个头像从后向前,每个以0.8秒的速度消失
点击”显示动画“按钮,四个头像从前向后,每个以0.8秒的速度出现
知识点:
递归思想:arguments.callee
回调函数:上节有叙述
实现思路(以点击”隐藏动画“为例):
①获取所有的img,选中最后一个img
$("div>img").last("img")
②让最后一个img隐藏,并设置回调函数
$("div>img").last("img").hide(800,function(){ }
③回调函数中,让当前函数的上一个img隐藏,并设置递归参数
$(this).prev().hide(800,arguments.callee);
代码如下:
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。