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实现的DES加密示例
Oct 30 Javascript
javascript写的一个模拟阅读小说的程序
Apr 04 Javascript
一个JavaScript获取元素当前高度的实例
Oct 29 Javascript
jquery复选框多选赋值给文本框的方法
Jan 27 Javascript
jQuery实现渐变下拉菜单的简单方法
Mar 11 Javascript
JavaScript判断是否为数字的4种方法及效率比较
Apr 01 Javascript
怎么限制input的text里输入的值只能是数字(正则、js)
May 16 Javascript
AngularJs 延时器、计时器实例代码
Sep 16 Javascript
HTML5+JS+JQuery+ECharts实现异步加载问题
Dec 16 jQuery
微信小程序开发之改变data中数组或对象的某一属性值
Jul 05 Javascript
chosen实现省市区三级联动
Aug 16 Javascript
解决vue项目nginx部署到非根目录下刷新空白的问题
Sep 27 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的特殊设置
2006/10/09 PHP
基于mysql的论坛(4)
2006/10/09 PHP
学习discuz php 引入文件的方法DISCUZ_ROOT
2009/06/21 PHP
那些年一起学习的PHP(三)
2012/03/22 PHP
基于Linux调试工具strace与gdb的常用命令总结
2013/06/03 PHP
web的各种前端打印方法之jquery打印插件PrintArea实现网页打印
2013/01/09 Javascript
JavaScript的arguments对象应用示例
2014/09/15 Javascript
javasript实现密码的隐藏与显示
2015/05/08 Javascript
js生成随机数的方法实例
2015/10/16 Javascript
早该知道的7个JavaScript技巧
2016/06/21 Javascript
JQuery学习总结【一】
2016/12/01 Javascript
利用Node.js编写跨平台的spawn语句详解
2017/02/12 Javascript
NodeJS使用七牛云存储上传文件的方法
2017/07/24 NodeJs
详解node服务器中打开html文件的两种方法
2017/09/18 Javascript
深入了解javascript 数组的sort方法
2018/06/01 Javascript
详解json串反转义(消除反斜杠)
2019/08/12 Javascript
layui实现二维码弹窗、并下载到本地的方法
2019/09/25 Javascript
整理 node-sass 安装失败的原因及解决办法(小结)
2020/02/19 Javascript
vue双击事件2.0事件监听(点击-双击-鼠标事件)和事件修饰符操作
2020/07/27 Javascript
在vue-cli3.0 中使用预处理器 (Sass/Less/Stylus) 配置全局变量操作
2020/08/10 Javascript
Python深入学习之特殊方法与多范式
2014/08/31 Python
python抓取网页中链接的静态图片
2018/01/29 Python
Django中create和save方法的不同
2019/08/13 Python
python3中的eval和exec的区别与联系
2019/10/10 Python
Django项目基础配置和基本使用过程解析
2019/11/25 Python
荷兰牛仔裤网上商店:Jeans Centre
2018/04/03 全球购物
女士和男士时尚鞋在线购物:Shoespie
2019/02/28 全球购物
一套软件开发工程师笔试题
2015/05/18 面试题
老公保证书范文
2014/04/29 职场文书
化工操作工岗位职责
2014/04/29 职场文书
活动总结结尾怎么写
2014/08/30 职场文书
2014政府领导班子对照检查材料思想汇报(3篇)
2014/09/26 职场文书
中学生思想品德评语
2014/12/31 职场文书
oracle DGMGRL ORA-16603报错的解决方法(DG Broker)
2021/04/06 Oracle
详细聊一聊mysql的树形结构存储以及查询
2022/04/05 MySQL
第四次工业革命,打工人与机器人的竞争
2022/04/21 数码科技