0
0
不言
发布时间：2019-01-18 10:48:46
|2763人浏览过
|来源于博客园
转载
本篇文章给大家带来的内容是关于jquery动画之hide()和show()的使用讲解二（代码示例），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
本文是对hide()和show()的进一步补充，其中不仅介绍回调函数，还有递归的相关知识点。
案例要求：
点击”隐藏动画“按钮，四个头像从后向前，每个以0.8秒的速度消失
点击”显示动画“按钮，四个头像从前向后，每个以0.8秒的速度出现
知识点：
递归思想：arguments.callee
回调函数：上节有叙述
实现思路（以点击”隐藏动画“为例）：
①获取所有的img，选中最后一个img
$("p>img").last("img")
②让最后一个img隐藏，并设置回调函数
$("p>img").last("img").hide(800,function(){ }
③回调函数中，让当前函数的上一个img隐藏，并设置递归参数
$(this).prev().hide(800,arguments.callee);
代码如下：
Title
相关文章
如何在固定背景动画页面中精准居中标题与可点击图片
如何消除视差动画在元素进入视口时的延迟
如何为 Treeview 菜单添加开闭动画与加载状态效果
如何为树形菜单（TreeView）添加展开/收起动画与加载提示效果
如何为 Treeview 菜单添加展开/收起动画与加载状态效果
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
