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实现可拖动进度条实例代码
Jun 21 jQuery
jQuery回调方法使用示例
Jun 26 jQuery
jQuery操作DOM_动力节点Java学院整理
Jul 04 jQuery
jQuery 实现图片的依次加载图片功能
Jul 06 jQuery
JQuery 获取Dom元素的实例讲解
Jul 08 jQuery
jQuery实现文件编码成base64并通过AJAX上传的方法
Apr 12 jQuery
jQuery插件jsonview展示json数据
May 26 jQuery
jQuery中ajax请求后台返回json数据并渲染HTML的方法
Aug 08 jQuery
jQuery实现的自定义轮播图功能详解
Dec 28 jQuery
jQuery - AJAX load() 实例用法详解
Aug 27 jQuery
jQuery鼠标滑过横向时间轴样式(代码详解)
Nov 01 jQuery
IDEA配置jQuery, $符号不再显示黄色波浪线的问题
Oct 09 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 mongodb操作类 带几个简单的例子
2016/08/25 PHP
PHP内存缓存功能memcached示例
2016/10/19 PHP
PHP实现的简单AES加密解密算法实例
2017/05/29 PHP
php获取文章内容第一张图片的方法示例
2017/07/03 PHP
flash javascript之间的通讯方法小结
2008/12/20 Javascript
Javascript 学习书 推荐
2009/06/13 Javascript
Bootstrap每天必学之媒体对象
2015/11/30 Javascript
浅谈JavaScript函数的四种存在形态
2016/06/08 Javascript
js中遍历对象的属性和值的方法
2016/07/27 Javascript
有关JS中的0,null,undefined,[],{},'''''''',false之间的关系
2017/02/14 Javascript
JS中的Replace()传入函数时的用法详解
2017/09/11 Javascript
JS库之Waypoints的用法详解
2017/09/13 Javascript
微信小程序实现pdf、word等格式文件上传的方法
2019/09/10 Javascript
浅谈Vue SSR中的Bundle的具有使用
2019/11/21 Javascript
JS eval代码快速解密实例解析
2020/04/23 Javascript
Vue实现简单购物车功能
2020/12/13 Vue.js
python网页请求urllib2模块简单封装代码
2014/02/07 Python
浅谈Python 集合(set)类型的操作——并交差
2016/06/30 Python
Python pass详细介绍及实例代码
2016/11/24 Python
Django 限制用户访问频率的中间件的实现
2018/08/23 Python
Python 脚本获取ES 存储容量的实例
2018/12/27 Python
Python matplotlib绘制饼状图功能示例
2019/09/10 Python
python3中的eval和exec的区别与联系
2019/10/10 Python
Windows下PyCharm2018.3.2 安装教程(图文详解)
2019/10/24 Python
Python中的引用和拷贝实例解析
2019/11/14 Python
基于python实现把json数据转换成Excel表格
2020/05/07 Python
Python configparser模块封装及构造配置文件
2020/08/07 Python
CSS3中Transition动画属性用法详解
2016/07/04 HTML / CSS
Html5新标签datalist实现输入框与后台数据库数据的动态匹配
2017/05/18 HTML / CSS
远程Wi-Fi宠物监控相机:Petcube
2017/04/26 全球购物
世界上最大的乐器零售商:Guitar Center
2017/11/07 全球购物
澳大利亚购买最佳炊具品牌网站:Cookware Brands
2019/02/16 全球购物
家居设计专业个人自荐信范文
2013/11/26 职场文书
2019消防宣传标语!
2019/07/10 职场文书
element多个表单校验的实现
2021/05/27 Javascript
Kubernetes关键组件与结构组成介绍
2022/03/31 Servers