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下将选择的checkbox的id组成字符串的方法
Nov 28 Javascript
JavaScript动态改变HTML页面元素例如添加或删除
Aug 10 Javascript
EasyUI,点击开启编辑框,并且编辑框获得焦点的方法
Mar 01 Javascript
深入理解ECMAScript的几个关键语句
Jun 01 Javascript
基于JS实现翻书效果的页面切换样式
Feb 16 Javascript
JS实现加载时锁定HTML页面元素的方法
Jun 24 Javascript
webpack开发跨域问题解决办法
Aug 03 Javascript
js中less常用的方法小结
Aug 09 Javascript
详解处理Vue单页面应用SEO的另一种思路
Nov 09 Javascript
纯JS实现五子棋游戏
May 28 Javascript
JavaScript逻辑运算符相关总结
Sep 04 Javascript
vue中的可拖拽宽度div的实现示例
Apr 08 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
说明你的Javascript技术很烂的五个原因
2011/04/26 Javascript
jquery实现表格奇数偶数行不同样式(有图为证及实现代码)
2013/01/23 Javascript
js和jquery设置disabled属性为true使按钮失效
2014/08/07 Javascript
jquery彩色投票进度条简单实例演示
2020/07/23 Javascript
使用Promise解决多层异步调用的简单学习心得
2016/05/17 Javascript
Bootstrap模态框使用详解
2017/02/15 Javascript
浅析bootstrap原理及优缺点
2017/03/19 Javascript
详解nodejs的express如何自动生成项目框架
2017/07/12 NodeJs
详解Vue2.x-directive的学习笔记
2017/07/17 Javascript
Vue项目中如何引入icon图标
2018/03/28 Javascript
jQuery实现参数自定义的文字跑马灯效果
2018/08/15 jQuery
解决layui中table异步数据请求不支持自定义返回数据格式的问题
2018/08/19 Javascript
element 中 el-menu 组件的无限极循环思路代码详解
2020/04/26 Javascript
javascript中layim之查找好友查找群组
2021/02/06 Javascript
[28:48]《真视界》- 2017年国际邀请赛
2017/09/27 DOTA
Python代码的打包与发布详解
2014/07/30 Python
python常见排序算法基础教程
2017/04/13 Python
Python中的pygal安装和绘制直方图代码分享
2017/12/08 Python
Python闭包之返回函数的函数用法示例
2018/01/27 Python
Python读写文件基础知识点
2019/06/10 Python
python getpass模块用法及实例详解
2019/10/07 Python
Python学习之路之pycharm的第一个项目搭建过程
2020/06/18 Python
python字典按照value排序方法
2020/12/28 Python
Css3+Js制作漂亮时钟(附源码)
2013/04/24 HTML / CSS
CSS3制作炫酷的下拉菜单及弹起式选单的实例分享
2016/05/17 HTML / CSS
节省高达65%的城市景点费用:Go City
2019/07/06 全球购物
编写类String 的构造函数、析构函数和赋值函数
2012/09/09 面试题
Python面试题:Python是如何进行内存管理的
2014/08/04 面试题
制衣厂各岗位职责
2013/12/02 职场文书
后勤人员岗位职责
2013/12/17 职场文书
销售找工作求职信
2013/12/20 职场文书
仓库文员岗位职责
2014/04/06 职场文书
材料成型及控制工程专业求职信
2014/06/19 职场文书
大学生简短的自我评价
2014/09/12 职场文书
先进基层党组织事迹材料
2014/12/25 职场文书
多属性、多分类MySQL模式设计
2021/04/05 MySQL