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 Masonry瀑布流布局神器使用详解
May 25 jQuery
jquery dataTable 后台加载数据并分页实例代码
Jun 07 jQuery
Mui使用jquery并且使用点击跳转新窗口的实例
Aug 19 jQuery
jquery插件开发之选项卡制作详解
Aug 30 jQuery
使用jQuery 操作table 完成单元格合并的实例
Dec 27 jQuery
jQuery+datatables插件实现ajax加载数据与增删改查功能示例
Apr 17 jQuery
jQuery与原生JavaScript选择HTML元素集合用法对比分析
Nov 26 jQuery
jQuery实现王者荣耀手风琴效果
Jan 17 jQuery
Jquery Datatables的使用详解
Jan 30 jQuery
jquery检测上传文件大小示例
Apr 26 jQuery
jQuery插件simplePagination的使用方法示例
Apr 28 jQuery
JQuery事件冒泡和默认行为代码实例
May 13 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
PHP中显示格式化的用户输入
2006/10/09 PHP
php将图片保存为不同尺寸图片的图片类实例
2015/03/30 PHP
新老版本juqery获取radio对象的方法
2010/03/01 Javascript
网页中CDATA标记的说明
2010/09/12 Javascript
修改jquery里的dialog对话框插件为框架页(iframe) 的方法
2010/09/14 Javascript
小试JQuery的AutoComplete插件
2011/05/04 Javascript
基于jquery实现控制经纬度显示地图与卫星
2013/05/20 Javascript
利用NodeJS的子进程(child_process)调用系统命令的方法分享
2013/06/05 NodeJs
GridView中获取被点击行中的DropDownList和TextBox中的值
2013/07/18 Javascript
浅谈Javascript 执行顺序
2013/12/18 Javascript
JavaScript转换与解析JSON方法实例详解
2015/11/24 Javascript
JavaScript中的this使用详解
2016/07/27 Javascript
利用iscroll4实现轮播图效果实例代码
2017/01/11 Javascript
js实现密码强度检验
2017/01/15 Javascript
web前端开发中常见的多列布局解决方案整理(一定要看)
2017/10/15 Javascript
JS实现网页抢购功能(触发,终止脚本)
2017/11/27 Javascript
JavaScript判断日期时间差的实例代码
2018/03/01 Javascript
React 项目迁移 Webpack Babel7的实现
2018/09/12 Javascript
解决layui-table单元格设置为百分比在ie8下不能自适应的问题
2019/09/28 Javascript
简单了解前端渐进式框架VUE
2020/07/20 Javascript
Vue实现图书管理案例
2021/01/20 Vue.js
python调用cmd复制文件代码分享
2013/12/27 Python
python解决Fedora解压zip时中文乱码的方法
2016/09/18 Python
python中利用Future对象异步返回结果示例代码
2017/09/07 Python
Python实现基于socket的udp传输与接收功能详解
2019/11/15 Python
python绘制彩虹图
2019/12/16 Python
基于tensorflow指定GPU运行及GPU资源分配的几种方式小结
2020/02/03 Python
HTML5 LocalStorage 本地存储详细概括(多图)
2017/08/18 HTML / CSS
班风学风建设方案
2014/05/06 职场文书
2014年医院十一国庆节活动方案
2014/09/15 职场文书
出差报告怎么写
2014/11/06 职场文书
大学生村官工作总结2015
2015/04/09 职场文书
钢琴师观后感
2015/06/12 职场文书
2017年寒假社区服务活动总结
2016/04/06 职场文书
Python 处理表格进行成绩排序的操作代码
2021/07/26 Python
OpenCV实现反阈值二值化
2021/11/17 Java/Android