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当onmousedown、onmouseup、onclick同时应用于同一个标签节点Element
Jan 05 Javascript
JavaScript 小型打飞机游戏实现原理说明
Oct 28 Javascript
基于jquery的合并table相同单元格的插件(精简版)
Apr 05 Javascript
JQuery一种取同级值的方式(比如你在GridView中)
Mar 15 Javascript
解决JS浮点数运算出现Bug的方法
Mar 12 Javascript
Node.js的项目构建工具Grunt的安装与配置教程
May 12 Javascript
jQuery基于Ajax实现读取XML数据功能示例
May 31 jQuery
解决Vue 项目打包后favicon无法正常显示的问题
Sep 01 Javascript
解决vue2 在mounted函数无法获取prop中的变量问题
Nov 15 Javascript
关于Vue中axios的封装实例详解
Oct 20 Javascript
vue穿梭框实现上下移动
Jan 29 Vue.js
vue-cli3.x配置全局的scss的时候报错问题及解决
Apr 30 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
用文本文件制作留言板提示(下)
2006/10/09 PHP
COM in PHP (winows only)
2006/10/09 PHP
用js进行url编码后用php反解以及用php实现js的escape功能函数总结
2010/02/08 PHP
支持png透明图片的php生成缩略图类分享
2015/02/08 PHP
PHP中is_dir()函数使用指南
2015/05/08 PHP
Symfony的安装和配置方法
2016/03/17 PHP
php表单文件iframe异步上传实例讲解
2017/07/26 PHP
js跨域问题之跨域iframe自适应大小实现代码
2010/07/17 Javascript
IE6、IE7中setAttribute不支持class/for/rowspan/colspan等属性
2011/08/28 Javascript
由浅入深讲解Javascript继承机制与simple-inheritance源码分析
2015/12/13 Javascript
基于JavaScript代码实现随机漂浮图片广告
2016/01/05 Javascript
JS实现的仿QQ空间图片弹出效果代码
2016/02/23 Javascript
教你如何终止JQUERY的$.AJAX请求
2016/02/23 Javascript
js获取html的span标签的值方法(超简单)
2016/07/26 Javascript
BOM系列第三篇之定时器应用(时钟、倒计时、秒表和闹钟)
2016/08/17 Javascript
详解用原生JavaScript实现jQuery的某些简单功能
2016/12/19 Javascript
详解小程序云开发攻略(解决最棘手的问题)
2019/09/30 Javascript
Vue 实现输入框新增搜索历史记录功能
2019/10/15 Javascript
[01:37]DOTA2超级联赛专访ChuaN 传奇般的电竞之路
2013/06/19 DOTA
[01:09:50]VP vs Pain 2018国际邀请赛小组赛BO2 第二场
2018/08/20 DOTA
Python中Continue语句的用法的举例详解
2015/05/14 Python
python django 访问静态文件出现404或500错误
2017/01/20 Python
python监控linux内存并写入mongodb(推荐)
2017/09/11 Python
pyqt5 textEdit、lineEdit操作的示例代码
2020/08/12 Python
详解python polyscope库的安装和例程
2020/11/13 Python
基于Pytorch版yolov5的滑块验证码破解思路详解
2021/02/25 Python
基于HTML5实现类似微信手机摇一摇功能(计算摇动次数)
2017/07/24 HTML / CSS
英国香水店:The Perfume Shop
2017/03/27 全球购物
简述Linux文件系统通过i节点把文件的逻辑结构和物理结构转换的工作过程
2016/01/06 面试题
求职教师自荐书
2014/06/19 职场文书
创先争优演讲稿
2014/09/15 职场文书
党的群众路线整改落实情况汇报
2014/10/28 职场文书
学校党支部承诺书
2015/04/30 职场文书
2016年小学生教师节广播稿
2015/12/18 职场文书
一篇文章带你深入了解Mysql触发器
2021/08/02 MySQL
python 中的jieba分词库
2021/11/23 Python