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随机之洗牌算法深入分析
Jun 07 Javascript
使用jQuery和Bootstrap实现多层、自适应模态窗口
Dec 22 Javascript
常常会用到的截取字符串substr()、substring()、slice()方法详解
Dec 16 Javascript
简单实现的JQuery文本框水印插件
Jun 14 Javascript
最丑的时钟效果!js canvas时钟制作方法
Aug 15 Javascript
AngularJs ng-repeat 嵌套如何获取外层$index
Sep 21 Javascript
详解JavaScript时间处理之几个月前或几个月后的指定日期
Dec 21 Javascript
js实现九宫格拼图小游戏
Feb 13 Javascript
import与export在node.js中的使用详解
Sep 28 Javascript
在移动端使用vue-router和keep-alive的方法示例
Dec 02 Javascript
如何正确理解vue中的key详解
Nov 02 Javascript
Vue+Element实现网页版个人简历系统(推荐)
Dec 31 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
简单谈谈PHP中的trait
2017/02/25 PHP
php实现微信支付之企业付款
2018/05/30 PHP
PHP解析url并得到url参数方法总结
2018/10/11 PHP
jquery 输入框数字限制插件
2009/11/10 Javascript
基于jquery完美拖拽,可返回拖动轨迹
2012/03/29 Javascript
js实现倒计时时钟的示例代码
2013/12/17 Javascript
Js保留小数点的4种效果实现代码分享
2014/04/12 Javascript
Javascript动态创建表格及删除行列的方法
2015/05/15 Javascript
第五章之BootStrap 栅格系统
2016/04/25 Javascript
jQuery 遍历map()方法详解
2016/11/04 Javascript
vue实现添加与删除图书功能
2018/10/07 Javascript
详解vue中使用微信jssdk
2019/04/19 Javascript
Vue环境搭建+VSCode+Win10的详细教程
2020/08/19 Javascript
JavaScript实现alert弹框效果
2020/11/19 Javascript
js 数据类型判断的方法
2020/12/03 Javascript
javascript实现拼图游戏
2021/01/29 Javascript
python进阶教程之异常处理
2014/08/30 Python
如何解决django配置settings时遇到Could not import settings 'conf.local'
2014/11/18 Python
Python中的进程分支fork和exec详解
2015/04/11 Python
python开发之str.format()用法实例分析
2016/02/22 Python
Python JSON格式数据的提取和保存的实现
2019/03/22 Python
Python数据类型之列表和元组的方法实例详解
2019/07/08 Python
浅谈pycharm导入pandas包遇到的问题及解决
2020/06/01 Python
Python基于Twilio及腾讯云实现国际国内短信接口
2020/06/18 Python
Pycharm调试程序技巧小结
2020/08/08 Python
基于Pytorch版yolov5的滑块验证码破解思路详解
2021/02/25 Python
美国亚洲时尚和美容产品的一站式网上商店:Stylevana
2019/09/05 全球购物
详细的大学生创业计划书模板
2014/01/27 职场文书
幼儿园安全检查制度
2014/01/30 职场文书
师范学院毕业生求职信
2014/06/24 职场文书
中学生秋季运动会广播稿
2014/09/21 职场文书
优秀学生主要事迹怎么写
2015/11/04 职场文书
合作协议书格式范本
2016/03/21 职场文书
升职自荐书
2019/05/09 职场文书
Go各时间字符串使用解析
2021/04/02 Golang
Python打包为exe详细教程
2021/05/18 Python