jQuery中常用动画效果函数知识点整理


Posted in jQuery onAugust 19, 2018

jQuery的效果函数列表:

animate():对被选元素应用“自定义”的动画。

clearQueue():对被选元素移除所有排队的函数(仍未运行的)。

delay():对被选元素的所有排队函数(仍未运行)设置延迟。

dequeue():运行被选元素的下一个排队函数。

fadeln():逐渐改变被选元素的不透明度,从隐藏到可见。

fadeOut():逐渐改变被元素的不透明度,从可见到隐藏。

fadeTo():把被选元素逐渐改变至给定的不透明度。

hide():隐藏被选的元素。

queue():显示被选元素的排队函数。

show():显示被选的元素。

slideDown():通过调整高度来滑动显示被选元素。

slideToggle():对被选元素进行滑动隐藏和滑动显示的切换。

slideUp():通过调整高度来滑动隐藏被选元素。

stop():停止在被选元素上运行的动画。

toggle():对被选元素进行隐藏和显示的切换。

animate():

animate() 方法执行 CSS 属性集的自定义动画。

该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的,这样就可以创建动画效果。

只有数字值可创建动画(比如 "margin:30px")。字符串值无法创建动画(比如 "">

clearQueue():

clearQueue() 方法停止队列中所有仍未执行的函数。

与 stop() 方法不同,(只适用于动画),clearQueue() 能够清除任何排队的函数(通过 .queue() 方法添加到通用 jQuery 队列的任何函数)。

delay():

delay():对被选元素的所有排队函数(仍未运行)设置延迟。

dequeue():

dequeue():运行被选元素的下一个排队函数。

fadeIn():

fadeIn() 方法使用淡入效果来显示被选元素,假如该元素是隐藏的。

fadeOut():

fadeOut() 方法使用淡出效果来隐藏被选元素,假如该元素是隐藏的。

fadeTo():

fadeTo() 方法将被选元素的不透明度逐渐地改变为指定的值。

hide():

如果被选的元素已被显示,则隐藏该元素。

queue():

queue():显示被选元素的排队函数。

show():

如果被选元素已被隐藏,则显示这些元素。

slideDown():

slideDown() 方法通过使用滑动效果,显示隐藏的被选元素。

slideToggle() :

slideToggle() 方法通过使用滑动效果(高度变化)来切换元素的可见状态。

如果被选元素是可见的,则隐藏这些元素,如果被选元素是隐藏的,则显示这些元素。

slideUp():

通过使用滑动效果,隐藏被选元素,如果元素已显示出来的话。

stop():

stop() 方法停止当前正在运行的动画。

toggle():

toggle() 方法切换元素的可见状态。

jQuery 相关文章推荐
jQuery鼠标悬停内容动画切换效果
Apr 27 jQuery
最常用的jQuery表单验证(简单)
May 23 jQuery
jQuery实现使用sort方法对json数据排序的方法
Apr 17 jQuery
通过jquery.cookie.js实现记住用户名、密码登录功能
Jun 20 jQuery
jQuery实现的简单日历组件定义与用法示例
Dec 24 jQuery
Jquery的Ajax技术使用方法
Jan 21 jQuery
jQuery实现左右两个列表框的内容相互移动功能示例
Jan 27 jQuery
AJAX在JQuery中的应用详解
Jan 30 jQuery
jQuery子选择器与可见性选择器实例分析
Jun 28 jQuery
JQuery事件委托(适用于给动态生成的脚本元素添加事件)
Feb 01 jQuery
jQuery 动画与停止动画效果实例详解
May 19 jQuery
jQuery实现开关灯效果
Aug 02 jQuery
jQuery UI实现动画效果代码分享
Aug 19 #jQuery
jquery实现的简单轮播图功能【适合新手】
Aug 17 #jQuery
jQuery实现的页面弹幕效果【测试可用】
Aug 17 #jQuery
jQuery实现轮播图及其原理详解
Apr 12 #jQuery
jQuery实现参数自定义的文字跑马灯效果
Aug 15 #jQuery
jQuery轮播图实例详解
Aug 15 #jQuery
layui中使用jquery控制radio选中事件的示例代码
Aug 15 #jQuery
You might like
php4的session功能评述(三)
2006/10/09 PHP
简单的PHP缓存设计实现代码
2011/09/30 PHP
php中一个有意思的日期逻辑处理
2012/03/25 PHP
php实现图片上传时添加文字和图片水印技巧
2020/04/18 PHP
总结PHP中数值计算的注意事项
2016/08/14 PHP
php数据序列化测试实例详解
2017/08/12 PHP
jQuery UI-Draggable 参数集合
2010/01/10 Javascript
多引号嵌套的变量命名的问题
2014/05/09 Javascript
jQuery遍历之next()、nextAll()方法使用实例
2014/11/08 Javascript
基于javascript实现tab切换特效
2016/03/29 Javascript
JS实现图片垂直居中显示小结
2016/12/13 Javascript
微信小程序App生命周期详解
2018/01/31 Javascript
微信小程序实现bindtap等事件传参
2019/04/08 Javascript
微信小程序自定义组件传值 页面和组件相互传数据操作示例
2019/05/05 Javascript
JavaScript的Proxy可以做哪些有意思的事儿
2019/06/15 Javascript
vue自定义表单生成器form-create使用详解
2019/07/19 Javascript
layer.open弹层查看缩略图的原图,自适应大小的实例
2019/09/05 Javascript
react-native聊天室|RN版聊天App仿微信实例|RN仿微信界面
2019/11/12 Javascript
Element Dialog对话框的使用示例
2020/07/26 Javascript
基于javascript原生判断DOM是否加载完毕
2020/10/14 Javascript
Python greenlet实现原理和使用示例
2014/09/24 Python
python正则表达式爬取猫眼电影top100
2018/02/24 Python
python中利用h5py模块读取h5文件中的主键方法
2018/06/05 Python
Win10+GPU版Pytorch1.1安装的安装步骤
2019/09/27 Python
Python标准库shutil模块使用方法解析
2020/03/10 Python
Python如何批量获取文件夹的大小并保存
2020/03/31 Python
如何在django中运行scrapy框架
2020/04/22 Python
Python  Asyncio模块实现的生产消费者模型的方法
2021/03/01 Python
一款恶搞头像特效的制作过程 利用css3和jquery
2014/11/21 HTML / CSS
PUMA澳大利亚官方网站:德国运动品牌
2018/10/19 全球购物
意大利文具和办公产品在线商店:Y-Office
2020/02/27 全球购物
办公室主任先进事迹
2014/01/18 职场文书
班级读书活动总结
2014/06/30 职场文书
2015年秋季小学开学标语
2015/07/16 职场文书
劳动保障事务所个人工作总结
2015/08/12 职场文书
vue3 自定义图片放大器效果的示例代码
2022/07/23 Vue.js