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实现返回顶部按钮和scroll滚动功能[带动画效果]
Jul 05 jQuery
简述jQuery Easyui一些用法
Aug 01 jQuery
基于Jquery Ajax type的4种类型(详解)
Aug 02 jQuery
jQuery Ajax向服务端传递数组参数值的实例代码
Sep 03 jQuery
基于jquery.page.js实现分页效果
Jan 01 jQuery
jQuery实现的下雪动画效果示例【附源码下载】
Feb 02 jQuery
实现jquery放大镜的两种方法
Feb 22 jQuery
jQuery实现的回车触发按钮事件功能示例
Mar 25 jQuery
基于jQuery的时间戳与日期间的转化
Jun 21 jQuery
jQuery 函数实例分析【函数声明、函数表达式、匿名函数等】
May 19 jQuery
jquery绑定事件 bind和on的用法与区别分析
May 22 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
ThinkPHP中ajax使用实例教程
2014/08/22 PHP
开启PHP Static 关键字之旅模式
2015/11/13 PHP
CentOS系统中PHP安装扩展的方式汇总
2017/04/09 PHP
PHP实现求解最长公共子串问题的方法
2017/11/17 PHP
extjs表格文本启用选择复制功能具体实现
2013/10/11 Javascript
javascript中数组的concat()方法使用介绍
2013/12/18 Javascript
10分钟学会写Jquery插件实例教程
2014/09/06 Javascript
jQuery实现精美的多级下拉菜单特效
2015/03/14 Javascript
jQuery基于ID调用指定iframe页面内的方法
2016/07/06 Javascript
jQuery中ScrollTo用法示例
2016/09/04 Javascript
轻松搞定js表单验证
2016/10/13 Javascript
360提示[高危]使用存在漏洞的JQuery版本的解决方法
2017/10/27 jQuery
Es6 Generator函数详细解析
2018/02/24 Javascript
基于javascript的无缝滚动动画实现2
2020/08/07 Javascript
python 获取文件列表(或是目录例表)
2009/03/25 Python
Python素数检测实例分析
2015/06/15 Python
Python使用爬虫爬取静态网页图片的方法详解
2018/06/05 Python
Python3爬虫学习之爬虫利器Beautiful Soup用法分析
2018/12/12 Python
详解python运行三种方式
2019/05/13 Python
python实现一个点绕另一个点旋转后的坐标
2019/12/04 Python
Python3 全自动更新已安装的模块实现
2020/01/06 Python
基于python+selenium自动健康打卡的实现代码
2021/01/13 Python
CSS3 text shadow字体阴影效果
2016/01/08 HTML / CSS
欧洲最大的球衣网上商店:Kitbag
2017/11/11 全球购物
总经理文秘岗位职责
2014/02/03 职场文书
电工技术比武方案
2014/05/11 职场文书
启动仪式策划方案
2014/06/14 职场文书
自我介绍演讲稿范文
2014/08/21 职场文书
研究生简历自我评价范文
2014/09/13 职场文书
简历中自我评价范文
2015/03/11 职场文书
2015年度保密工作总结
2015/04/24 职场文书
教师岗位说明书
2015/09/30 职场文书
《好妈妈胜过好老师》:每个孩子的优秀都是有源头的
2020/01/03 职场文书
python实现批量提取指定文件夹下同类型文件
2021/04/05 Python
分析Python感知线程状态的解决方案之Event与信号量
2021/06/16 Python
Java设计模式之享元模式示例详解
2022/03/03 Java/Android