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 相关文章推荐
Vue.js列表渲染绑定jQuery插件的正确姿势
Jun 29 jQuery
使用jquery+iframe做一个ajax上传效果(实例)
Aug 24 jQuery
jquery之基本选择器practice(实例讲解)
Sep 30 jQuery
基于jQuery解决ios10以上版本缩放问题
Nov 03 jQuery
jQuery实现带右侧索引功能的通讯录示例【附源码下载】
Apr 17 jQuery
jQuery实现适用于移动端的跑马灯抽奖特效示例
Jan 18 jQuery
在vue项目中使用Jquery-contextmenu插件的步骤讲解
Jan 27 jQuery
jQuery实现动态添加和删除input框实例代码
Mar 26 jQuery
jQuery-Citys省市区三级菜单联动插件使用详解
Jul 26 jQuery
jQuery实现消息弹出框效果
Dec 10 jQuery
jQuery实现电梯导航模块
Dec 22 jQuery
jquery插件实现搜索历史
Apr 24 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的String类代码
2010/04/20 PHP
一些被忽视的PHP函数(简单整理)
2010/04/30 PHP
destoon各类调用汇总
2014/06/20 PHP
浅析PHP编程中10个最常见的错误
2014/08/08 PHP
PHP date函数常用时间处理方法
2015/05/11 PHP
Yii框架实现图片上传的方法详解
2017/05/20 PHP
LNMP部署laravel以及xhprof安装使用教程
2017/09/14 PHP
动态加载图片路径 保持JavaScript控件的相对独立性
2010/09/03 Javascript
基于jquery扩展漂亮的下拉框可以二次修改
2013/11/19 Javascript
jquery的attr方法禁用表单元素禁用输入内容
2014/06/23 Javascript
深入分析js的冒泡事件
2014/12/05 Javascript
使用jquery菜单插件HoverTree仿京东无限级菜单
2014/12/18 Javascript
js实现使用鼠标拖拽切换图片的方法
2015/05/04 Javascript
深入理解事件冒泡(Bubble)和事件捕捉(capture)
2016/05/28 Javascript
BootStrap select2 动态改变值的方法
2017/02/10 Javascript
微信小程序 获取二维码实例详解
2017/06/23 Javascript
vue loadmore组件上拉加载更多功能示例代码
2017/07/19 Javascript
浅谈ajax在jquery中的请求和servlet中的响应
2018/01/22 jQuery
微信小程序实现全国机场索引列表
2018/01/31 Javascript
微信小程序image图片加载完成监听
2019/08/31 Javascript
微信分享invalid signature签名错误踩过的坑
2020/04/11 Javascript
详解Vue Cli浏览器兼容性实践
2020/06/08 Javascript
原生js实现自定义消息提示框
2020/11/19 Javascript
分析Python的Django框架的运行方式及处理流程
2015/04/08 Python
介绍Python的Django框架中的静态资源管理器django-pipeline
2015/04/25 Python
python中numpy包使用教程之数组和相关操作详解
2017/07/30 Python
Python实现螺旋矩阵的填充算法示例
2017/12/28 Python
tensorflow: 查看 tensor详细数值方法
2018/06/13 Python
Django forms组件的使用教程
2018/10/08 Python
Python unittest工作原理和使用过程解析
2020/02/24 Python
解决Keyerror ''acc'' KeyError: ''val_acc''问题
2020/06/18 Python
改变 Python 中线程执行顺序的方法
2020/09/24 Python
浅谈Python xlwings 读取Excel文件的正确姿势
2021/02/26 Python
Topman美国官网:英国著名的国际平价时尚男装品牌
2017/12/22 全球购物
2016教师暑期培训学习心得体会
2016/01/09 职场文书
党风廉政建设心得体会(2016最新版)
2016/01/22 职场文书