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插件Echarts实现的渐变色柱状图
Mar 23 jQuery
javaScript和jQuery自动加载简单代码实现方法
Nov 24 jQuery
jQuery进阶实践之利用最优雅的方式如何写ajax请求
Dec 20 jQuery
jQuery.extend 与 jQuery.fn.extend的用法及区别实例分析
Jul 25 jQuery
jQuery实现鼠标移到某个对象时弹出显示层功能
Aug 23 jQuery
jQuery pagination分页示例详解
Oct 23 jQuery
IE8中jQuery.load()加载页面不显示的原因
Nov 15 jQuery
JQuery搜索框自动补全(模糊匹配)功能实现示例
Jan 08 jQuery
jQuery模拟html下拉多选框的原生实现方法示例
May 30 jQuery
jQuery实现滑动开关效果
Aug 02 jQuery
jQuery实现朋友圈查看图片
Sep 11 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
NOT NULL 和NULL
2007/01/15 PHP
kohana框架上传文件验证规则写法示例
2014/07/14 PHP
脚本之家贴图转换+转贴工具用到的js代码超级推荐
2007/04/05 Javascript
javascript陷阱 一不小心你就中招了(字符运算)
2013/11/10 Javascript
禁止空格提交表单的js代码
2013/11/17 Javascript
对象题目的一个坑 理解Javascript对象
2015/12/22 Javascript
JavaScript中绑定事件的三种方式及去除绑定
2016/11/05 Javascript
Vue数据驱动模拟实现3
2017/01/11 Javascript
jQuery学习之DOM节点的插入方法总结
2017/01/22 Javascript
编写React组件项目实践分析
2018/03/04 Javascript
Vue自定义弹窗指令的实现代码
2018/08/13 Javascript
PM2自动部署代码步骤流程总结
2018/12/10 Javascript
Angular PWA使用的Demo示例
2019/01/31 Javascript
微信小程序学习笔记之本地数据缓存功能详解
2019/03/29 Javascript
[01:30:15]DOTA2-DPC中国联赛 正赛 Ehome vs Aster BO3 第二场 2月2日
2021/03/11 DOTA
python的描述符(descriptor)、装饰器(property)造成的一个无限递归问题分享
2014/07/09 Python
Python使用time模块实现指定时间触发器示例
2017/05/18 Python
Python中的defaultdict与__missing__()使用介绍
2018/02/03 Python
深入了解和应用Python 装饰器 @decorator
2019/04/02 Python
解决Django部署设置Debug=False时xadmin后台管理系统样式丢失
2020/04/07 Python
解决python父线程关闭后子线程不关闭问题
2020/04/25 Python
荷兰网上鞋店:Ziengs.nl
2017/01/02 全球购物
美国创意之家:BulbHead
2017/07/12 全球购物
世界首屈一指的在线男士内衣权威:HisRoom
2017/08/05 全球购物
美国第二大连锁药店:Rite Aid
2019/04/03 全球购物
护理学毕业生自荐信
2013/10/02 职场文书
计算机毕业大学生推荐信
2013/12/01 职场文书
致跳远运动员加油稿
2014/02/11 职场文书
科长竞聘演讲稿
2014/05/16 职场文书
暑期社会实践心得体会
2014/09/02 职场文书
2014客服代表实习自我鉴定
2014/09/18 职场文书
2014年园林绿化工作总结
2014/12/11 职场文书
班级管理经验交流材料
2015/11/02 职场文书
2016高考寄语或鼓励的话语
2015/12/04 职场文书
哪类餐饮行业,最适合在高校创业?
2019/08/19 职场文书
Golang 入门 之url 包
2022/05/04 Golang