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对象是否可用的最正确方法分析
Oct 03 Javascript
js 可拖动列表实现代码
Dec 13 Javascript
js判断输入是否为数字的具体实例
Aug 03 Javascript
Jquery $.getJSON 在IE下的缓存问题解决方法
Oct 10 Javascript
莱鸟介绍window.print()方法
Jan 06 Javascript
微信小程序 简单教程实例详解
Jan 13 Javascript
浅谈MUI框架中加载外部网页或服务器数据的方法
Jan 31 Javascript
vue 优化CDN加速的方法示例
Sep 19 Javascript
vue动态绘制四分之三圆环图效果
Sep 03 Javascript
react使用CSS实现react动画功能示例
May 18 Javascript
vue 实现超长文本截取,悬浮框提示
Jul 29 Javascript
vue-router懒加载的3种方式汇总
Feb 28 Vue.js
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
php str_pad 函数使用详解
2009/01/13 PHP
ThinkPHP之A方法实例讲解
2014/06/20 PHP
CentOS 6.3下安装PHP xcache扩展模块笔记
2014/09/10 PHP
php中 $$str 中 "$$" 的详解
2015/07/06 PHP
Javascript结合css实现网页换肤功能
2009/11/02 Javascript
Js从头学起(基本数据类型和引用类型的参数传递详细分析)
2012/02/16 Javascript
JS组件系列之Bootstrap Icon图标选择组件
2016/01/28 Javascript
js 将图片连接转换成base64格式的简单实例
2016/08/10 Javascript
JS获取checkbox的个数简单实例
2016/08/19 Javascript
AngularJS中watch监听用法分析
2016/11/04 Javascript
JavaScript实现点击按钮复制指定区域文本(推荐)
2016/11/25 Javascript
JavaScript轻松创建级联函数的方法示例
2017/02/10 Javascript
javascript遍历json对象的key和任意js对象属性实例
2017/03/09 Javascript
JS实现获取图片大小和预览的方法完整实例【兼容IE和其它浏览器】
2017/04/24 Javascript
js实现日期显示的一些操作(实例讲解)
2017/07/27 Javascript
VUE引入第三方js包及调用方法讲解
2019/03/01 Javascript
vue.js封装switch开关组件的操作
2020/10/26 Javascript
python使用正则表达式匹配字符串开头并打印示例
2017/01/11 Python
Python实现公历(阳历)转农历(阴历)的方法示例
2017/08/22 Python
关于Django ForeignKey 反向查询中filter和_set的效率对比详解
2018/12/15 Python
OpenCV-Python 摄像头实时检测人脸代码实例
2019/04/30 Python
Python递归函数 二分查找算法实现解析
2019/08/12 Python
python opencv如何实现图片绘制
2020/01/19 Python
基于css3 animate制作绚丽的动画效果
2015/11/24 HTML / CSS
html5仿支付宝密码框的实现代码
2017/09/06 HTML / CSS
兰芝美国网上商城:购买LANEIGE睡眠面膜等
2017/06/30 全球购物
匡威英国官网:Converse英国
2018/12/02 全球购物
美术专业学生个人自我评价
2013/09/19 职场文书
党员学习中共十八大思想报告
2014/09/12 职场文书
工作经常出错的检讨书
2014/09/13 职场文书
机关干部三严三实心得体会
2014/10/13 职场文书
店面出租协议书范本
2014/11/28 职场文书
永远是春天观后感
2015/06/12 职场文书
《祁黄羊》教学反思
2016/02/20 职场文书
2016年企业安全生产月活动总结
2016/04/06 职场文书
vue中this.$http.post()跨域和请求参数丢失的解决
2022/04/08 Vue.js