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实现动态生成表格并为行绑定单击变色动作的方法
Apr 17 jQuery
jQuery简单绑定单个事件的方法示例
Jun 10 jQuery
jQuery封装placeholder效果实现方法,让低版本浏览器支持该效果
Jul 08 jQuery
简单实现jQuery手风琴效果
Aug 18 jQuery
使用jQuery实现简单的tab框实例
Aug 22 jQuery
使用JQuery实现图片轮播效果的实例(推荐)
Oct 24 jQuery
jQuery实现鼠标响应式透明度渐变动画效果示例
Feb 13 jQuery
jQuery实现高级检索功能
May 28 jQuery
jQuery实现颜色打字机的完整代码
Mar 19 jQuery
jQuery 选择方法及$(this)用法实例分析
May 19 jQuery
jquery实现上传图片功能
Jun 29 jQuery
jQuery实现放大镜案例
Oct 19 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下MYSQL limit的优化
2008/01/10 PHP
C# Assembly类访问程序集信息
2009/06/13 PHP
浅析php中json_encode()和json_decode()
2014/05/25 PHP
PHP中使用Session配合Javascript实现文件上传进度条功能
2014/10/15 PHP
浅谈COOKIE和SESSION区别
2015/07/19 PHP
浅谈PHP正则中的捕获组与非捕获组
2016/07/18 PHP
轻松学习jQuery插件EasyUI EasyUI创建树形菜单
2015/11/30 Javascript
AngularJS基础 ng-init 指令简单示例
2016/08/02 Javascript
jQuery EasyUI 获取tabs的实例解析
2016/12/06 Javascript
js实现图片懒加载效果
2017/07/17 Javascript
JavaScript正则表达式校验与递归函数实际应用实例解析
2017/08/04 Javascript
react.js 父子组件数据绑定实时通讯的示例代码
2017/09/25 Javascript
vue组件实现可搜索下拉框扩展
2020/10/23 Javascript
jquery判断滚动条距离顶部的距离方法
2018/09/05 jQuery
微信小程序左滑删除功能开发案例详解
2018/11/12 Javascript
JavaScript使用Math.random()生成简单的验证码
2019/01/21 Javascript
详解vue-cli3开发Chrome插件实践
2019/05/29 Javascript
vue+koa2搭建mock数据环境的详细教程
2020/05/18 Javascript
基于JS实现table导出Excel并保留样式
2020/05/19 Javascript
python和C语言混合编程实例
2014/06/04 Python
Python中数字以及算数运算符的相关使用
2015/10/12 Python
python基于twisted框架编写简单聊天室
2018/01/02 Python
Python复制Word内容并使用格式设字体与大小实例代码
2018/01/22 Python
python文本数据相似度的度量
2018/03/12 Python
python实现自动发送邮件
2018/06/20 Python
python反编译教程之2048小游戏实例
2021/03/03 Python
Html5中localStorage存储JSON数据并读取JSON数据的实现方法
2017/02/13 HTML / CSS
澳大利亚领先的美容护肤品零售商之一:SkincareStore
2018/01/22 全球购物
viagogo意大利票务平台:演唱会、体育比赛、戏剧门票
2018/01/26 全球购物
包装类的功能、种类、常用方法
2012/01/27 面试题
北京捷通华声语音技术有限公司Java软件工程师笔试题
2012/04/10 面试题
破坏寝室公物检讨书
2014/11/17 职场文书
个园导游词
2015/02/04 职场文书
团员自我评价范文
2015/03/10 职场文书
中学音乐课教学反思
2016/02/18 职场文书
手写实现JS中的new
2021/11/07 Javascript