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 相关文章推荐
js 字符串操作函数
Jul 25 Javascript
JavaScript游戏之是男人就下100层代码打包
Nov 08 Javascript
jquery中ajax学习笔记3
Oct 16 Javascript
jquery submit ie6下失效的原因分析及解决方法
Nov 15 Javascript
Javascript中的apply()方法浅析
Mar 15 Javascript
实现音乐播放器的代码(html5+css3+jquery)
Aug 04 Javascript
jQuery实现移动端滑块拖动选择数字效果
Dec 24 Javascript
让图片跳跃起来  javascript图片轮播特效
Feb 16 Javascript
Easyui Datagrid自定义按钮列(最后面的操作列)
Jul 13 Javascript
基于vue实现分页效果
Nov 06 Javascript
基于JSONP原理解析(推荐)
Dec 04 Javascript
JavaScript find()方法及返回数据实例
Apr 30 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数组的使用方法小结
2010/09/23 PHP
php去除重复字的实现代码
2011/09/16 PHP
PHP错误Cannot use object of type stdClass as array in错误的解决办法
2014/06/12 PHP
PHP实现限制IP访问及提交次数的方法详解
2017/07/17 PHP
Laravel中validation验证 返回中文提示 全局设置的方法
2019/09/29 PHP
thinkphp框架使用JWTtoken的方法详解
2019/10/10 PHP
PHP7 字符串处理机制修改
2021/03/09 PHP
第一个JavaScript入门基础 document.write输出
2010/02/22 Javascript
Extjs NumberField后面加单位实现思路
2013/07/30 Javascript
分享9点个人认为比较重要的javascript 编程技巧
2015/04/27 Javascript
jQuery实现鼠标经过时出现隐藏层文字链接的方法
2015/10/12 Javascript
nodeJs爬虫获取数据简单实现代码
2016/03/29 NodeJs
JS判断键盘是否按的回车键并触发指定按钮点击操作的方法
2017/02/13 Javascript
JS遍历DOM文档树的方法实例详解
2018/04/03 Javascript
es6中reduce的基本使用方法
2019/09/10 Javascript
IDEA安装vue插件图文详解
2019/09/26 Javascript
Python实现的数据结构与算法之队列详解
2015/04/22 Python
使用python和Django完成博客数据库的迁移方法
2018/01/05 Python
200 行python 代码实现 2048 游戏
2018/01/12 Python
Python 使用元类type创建类对象常见应用详解
2019/10/17 Python
pandas-resample按时间聚合实例
2019/12/27 Python
django 数据库 get_or_create函数返回值是tuple的问题
2020/05/15 Python
如何在VSCode下使用Jupyter的教程详解
2020/07/13 Python
解决pycharm 格式报错tabs和space不一致问题
2021/02/26 Python
HTML5-WebSocket实现聊天室示例
2016/12/15 HTML / CSS
全球速卖通法国在线交易平台:AliExpress法国
2017/07/07 全球购物
S’well Bottle保温杯官网:绝缘不锈钢水瓶
2018/05/09 全球购物
有机童装:Toby Tiger
2018/05/23 全球购物
法国亚马逊官方网站:Amazon.fr
2020/12/19 全球购物
党员公开承诺书和承诺事项
2014/03/25 职场文书
艺术设计专业个人求职信
2014/04/10 职场文书
中学生的1000字检讨书
2014/10/11 职场文书
党校党性分析材料
2014/12/19 职场文书
清明节扫墓活动总结
2015/02/09 职场文书
学生保证书格式
2015/02/27 职场文书
教师法制教育培训学习心得体会
2016/01/14 职场文书