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 29 jQuery
jQuery实现的文字逐行向上间歇滚动效果示例
Sep 06 jQuery
jQuery实现简单日期格式化功能示例
Sep 19 jQuery
jQuery中的for循环var与let的区别
Apr 21 jQuery
jquery获取select选中值的文本,并赋值给另一个输入框的方法
Aug 21 jQuery
jQuery实现的简单歌词滚动功能示例
Jan 07 jQuery
基于jQuery的时间戳与日期间的转化
Jun 21 jQuery
JQuery中DOM节点的操作与访问方法实例分析
Dec 23 jQuery
jQuery插件simplePagination的使用方法示例
Apr 28 jQuery
jQuery实现鼠标滑动切换图片
May 27 jQuery
jQuery实现异步上传一个或多个文件
Aug 17 jQuery
基于jQuery拖拽事件的封装
Nov 29 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
1.PHP简介
2006/10/09 PHP
php cli 小技巧
2013/06/03 PHP
PHP中ob_start函数的使用说明
2013/11/11 PHP
PHP如何将图片文件上传到另外一台服务器上
2019/08/26 PHP
设置下载不需要倒计时cookie(倒计时代码)
2008/11/19 Javascript
让 JavaScript 轻松支持函数重载 (Part 2 - 实现)
2009/08/04 Javascript
Exjs 入门篇
2010/04/07 Javascript
jquery 事件对象属性小结
2010/04/27 Javascript
javascript记录文本框内文字个数检测文字个数变化
2014/10/14 Javascript
JQuery手速测试小游戏实现思路详解
2016/09/20 Javascript
聊聊JavaScript如何实现继承及特点
2017/04/07 Javascript
一个因@click.stop引发的bug的解决
2019/01/08 Javascript
js全屏事件fullscreenchange 实现全屏、退出全屏操作
2019/09/17 Javascript
通过layer实现可输入的模态框的例子
2019/09/27 Javascript
使用 Vue-TCB 快速在 Vue 应用中接入云开发的方法
2020/02/10 Javascript
精读《Vue3.0 Function API》
2020/05/20 Javascript
基于element-ui封装可搜索的懒加载tree组件的实现
2020/05/22 Javascript
vue登录页实现使用cookie记住7天密码功能的方法
2021/02/18 Vue.js
Python 迭代器工具包【推荐】
2016/05/06 Python
简单谈谈Python中的闭包
2016/11/30 Python
python利用smtplib实现QQ邮箱发送邮件
2020/05/20 Python
face++与python实现人脸识别签到(考勤)功能
2019/08/28 Python
PYTHON绘制雷达图代码实例
2019/10/15 Python
浅谈tensorflow之内存暴涨问题
2020/02/05 Python
Python中import导入不同目录的模块方法详解
2020/02/18 Python
Kent & Curwen:与大卫·贝克汉姆合作
2017/06/13 全球购物
一年级语文上册复习计划
2015/01/17 职场文书
颐和园导游词
2015/01/30 职场文书
学习雷锋精神倡议书
2015/04/27 职场文书
党员志愿者服务倡议书
2015/04/29 职场文书
贫困生证明范文
2015/06/16 职场文书
2019学校请假条格式及范文
2019/06/25 职场文书
解决python存数据库速度太慢的问题
2021/04/23 Python
php+laravel 扫码二维码签到功能
2021/05/15 PHP
Mysql 如何查询时间段交集
2021/06/08 MySQL
详解overflow:hidden的作用(溢出隐藏、清除浮动、解决外边距塌陷)
2021/07/01 HTML / CSS