jQuery中常用动画效果函数(日常整理)


Posted in Javascript onSeptember 17, 2016

jquery中动画效果非常多,下面小编给大家分享一下jquery中的动画函数。

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中常用动画效果函数(日常整理),希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的。

Javascript 相关文章推荐
用javascript实现页面打印的三种方法
Mar 05 Javascript
jQuery阻止同类型事件小结
Apr 19 Javascript
js快速排序的实现代码
Dec 08 Javascript
JQuery教学之性能优化
May 14 Javascript
JS实现超简单的仿QQ折叠菜单效果
Sep 21 Javascript
跟我学习javascript的undefined与null
Nov 17 Javascript
jQuery中页面返回顶部的方法总结
Dec 30 Javascript
Angular 通过注入 $location 获取与修改当前页面URL的实例
May 31 Javascript
jQuery图片加载失败替换默认图片方法汇总
Nov 29 jQuery
angularJS实现不同视图同步刷新详解
Oct 09 Javascript
基于Vue中使用节流Lodash throttle详解
Oct 30 Javascript
WebWorker 封装 JavaScript 沙箱详情
Nov 02 Javascript
js方法数据验证的简单实例
Sep 17 #Javascript
基于jQuery实现歌词滚动版音乐播放器的代码
Sep 17 #Javascript
js判断请求的url是否可访问,支持跨域判断的实现方法
Sep 17 #Javascript
最全面的JS倒计时代码
Sep 17 #Javascript
jQuery检查元素存在性(推荐)
Sep 17 #Javascript
用jquery获取自定义的标签属性的值简单实例
Sep 17 #Javascript
Js获取当前日期时间及格式化代码
Sep 17 #Javascript
You might like
require(),include(),require_once()和include_once()区别
2008/03/27 PHP
php中将汉字转换成拼音的函数代码
2012/09/08 PHP
PHP自定义大小验证码的方法详解
2013/06/07 PHP
ThinkPHP3.1查询语言详解
2014/06/19 PHP
PHP函数import_request_variables()用法分析
2016/04/02 PHP
jquery中.add()的使用分析
2013/04/26 Javascript
JS将表单导出成EXCEL的实例代码
2013/11/11 Javascript
探讨js字符串数组拼接的性能问题
2014/10/11 Javascript
jquery引用方法时传递参数原理分析
2014/10/13 Javascript
基于JavaScript实现生成名片、链接等二维码
2015/09/20 Javascript
JavaScript实现带缓冲效果的随屏滚动漂浮广告代码
2015/11/06 Javascript
jquery弹出框插件jquery.ui.dialog用法分析
2016/08/20 Javascript
在 Angular中 使用 Lodash 的方法
2018/02/11 Javascript
Vue2.0 给Tab标签页和页面切换过渡添加样式的方法
2018/03/13 Javascript
JS实现的3des+base64加密解密算法完整示例
2018/05/18 Javascript
taro小程序添加骨架屏的实现代码
2019/11/15 Javascript
C#返回当前系统所有可用驱动器符号的方法
2015/04/18 Python
通过数据库向Django模型添加字段的示例
2015/07/21 Python
python itchat实现微信好友头像拼接图的示例代码
2017/08/14 Python
Python OpenCV 使用滑动条来调整函数参数的方法
2019/07/08 Python
python如何把字符串类型list转换成list
2020/02/18 Python
4行Python代码生成图像验证码(2种)
2020/04/07 Python
python logging模块的使用
2020/09/07 Python
python获取命令行参数实例方法讲解
2020/11/02 Python
Python控制鼠标键盘代码实例
2020/12/08 Python
pycharm 配置svn的图文教程(手把手教你)
2021/01/15 Python
英国家庭珠宝商:T. H. Baker
2018/02/08 全球购物
数以千计的折扣工业产品:ESE Direct
2018/05/20 全球购物
雷曼兄弟的五金店:Lehman’s Hardware Store
2019/04/10 全球购物
工程部经理岗位职责
2013/12/08 职场文书
高中政治教学反思
2014/01/18 职场文书
教师对学生的寄语
2014/04/03 职场文书
2014物价局民主生活会对照检查材料思想汇报
2014/09/24 职场文书
班主任寄语2015
2015/02/26 职场文书
分享3个非常实用的 Python 模块
2022/03/03 Python
Pandas 数据编码的十种方法
2022/04/20 Python