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 相关文章推荐
锋利的jQuery 要点归纳(二) jQuery中的DOM操作(下)
Mar 23 Javascript
原生js实现跨浏览器获取鼠标按键的值
Apr 08 Javascript
JS小功能(setInterval实现图片效果显示时间)实例代码
Nov 28 Javascript
javascript中Array()数组函数详解
Aug 23 Javascript
轻松学习jQuery插件EasyUI EasyUI创建RSS Feed阅读器
Nov 30 Javascript
Centos7 中安装 Node.js v4.4.4
Nov 03 Javascript
Vue2.0 组件传值通讯的示例代码
Aug 01 Javascript
AngularJS监听ng-repeat渲染完成的两种方法
Jan 16 Javascript
Material(包括Material Icon)在Angular2中的使用详解
Feb 11 Javascript
在vue2.0中引用element-ui组件库的方法
Jun 21 Javascript
layUI实现列表查询功能
Jul 27 Javascript
vue.js实现简单购物车功能
May 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和ACCESS写聊天室(四)
2006/10/09 PHP
PHP连接access数据库
2015/03/27 PHP
Laravel 5框架学习之表单
2015/04/08 PHP
php实现留言板功能(代码详解)
2017/03/28 PHP
thinkPHP框架自动填充原理与用法分析
2018/04/03 PHP
PHP获取文件扩展名的常用方法小结【五种方式】
2018/04/27 PHP
javascript面向对象的方式实现的弹出层效果代码
2010/01/28 Javascript
jquery清空表单数据示例分享
2014/02/13 Javascript
js实现连个数字相加而不是拼接的方法
2014/02/23 Javascript
JS烟花背景效果实现方法
2015/03/03 Javascript
JS实现的5级联动Select下拉选择框实例
2015/08/17 Javascript
深入分析javascript中console命令
2016/08/14 Javascript
Javascript之深入浅出prototype
2017/02/06 Javascript
jQuery插件HighCharts绘制的基本折线图效果示例【附demo源码下载】
2017/03/07 Javascript
Bootstrap模态框(Modal)实现过渡效果
2017/03/17 Javascript
vue2.0 elementUI制作面包屑导航栏
2018/02/22 Javascript
在Vue组件上动态添加和删除属性方法
2018/02/23 Javascript
详解微信小程序的 request 封装示例
2018/08/21 Javascript
nodejs aes 加解密实例
2018/10/10 NodeJs
vue里的data要用return返回的原因浅析
2019/05/28 Javascript
JavaScript中的null和undefined用法解析
2019/09/30 Javascript
Js on及addEventListener原理用法区别解析
2020/07/11 Javascript
[35:34]Liquid vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python自定义简单图轴简单实例
2018/01/08 Python
python实现连连看辅助(图像识别)
2020/03/25 Python
python神经网络编程实现手写数字识别
2020/05/27 Python
CSS3轻松实现清新 Loading 效果的简单实例
2016/06/06 HTML / CSS
css3给背景图片加颜色遮罩的方法
2019/11/05 HTML / CSS
基于Modernizr 让网站进行优雅降级的分析
2013/04/21 HTML / CSS
Melijoe美国官网:法国奢侈童装购物网站
2017/04/19 全球购物
入党自我鉴定范文
2013/10/04 职场文书
十周年庆典策划方案
2014/06/03 职场文书
员工三分钟演讲稿
2014/08/19 职场文书
中级会计大学生职业生涯规划书
2014/09/16 职场文书
Python中基础数据类型 set集合知识点总结
2021/08/02 Python
MySQL分布式恢复进阶
2022/07/23 MySQL