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读取ASP设定的COOKIE
Nov 24 Javascript
用JavaScript隐藏控件的方法
Sep 21 Javascript
javascript中match函数的用法小结
Feb 08 Javascript
jQuery实现倒计时按钮功能代码分享
Sep 03 Javascript
JavaScript 浏览器兼容性总结及常用浏览器兼容性分析
Mar 30 Javascript
angular和BootStrap3实现购物车功能
Jan 25 Javascript
Vue开发之封装上传文件组件与用法示例
Apr 25 Javascript
详解vuex的简单todolist例子
Jul 14 Javascript
基于Taro的微信小程序模板消息-获取formId功能模块封装实践
Jul 15 Javascript
微信浏览器左上角返回按钮监听的实现
Mar 04 Javascript
微信小程序 接入腾讯地图的两种写法
Jan 12 Javascript
javascript代码简写的几种常用方式汇总
Aug 23 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插入mysql数据返回id的方法
2018/05/31 PHP
细品javascript 寻址,闭包,对象模型和相关问题
2009/04/27 Javascript
基于jQuery的动态增删改查表格信息,可左键/右键提示(原创自Zjmainstay)
2012/07/31 Javascript
node.js中的fs.fstatSync方法使用说明
2014/12/15 Javascript
配置Grunt的Task时通配符支持和动态生成文件名问题
2015/09/06 Javascript
jQuery扩展+xml实现表单验证功能的方法
2016/12/25 Javascript
Vue开发中整合axios的文件整理
2017/04/29 Javascript
JS请求servlet功能示例
2017/06/01 Javascript
vue.js源代码core scedule.js学习笔记
2017/07/03 Javascript
jQuery+SpringMVC中的复选框选择与传值实例
2018/01/08 jQuery
Vue单页应用引用单独的样式文件的两种方式
2018/03/30 Javascript
通过Nodejs搭建网站简单实现注册登录流程
2019/06/14 NodeJs
基于JS实现视频上传显示进度条
2020/05/12 Javascript
vue-列表下详情的展开与折叠案例
2020/07/28 Javascript
vue中watch的用法汇总
2020/12/28 Vue.js
使用rpclib进行Python网络编程时的注释问题
2015/05/06 Python
Python3实现从指定路径查找文件的方法
2015/05/22 Python
在CentOS上配置Nginx+Gunicorn+Python+Flask环境的教程
2016/06/07 Python
Django接受前端数据的几种方法总结
2016/11/04 Python
Django中login_required装饰器的深入介绍
2017/11/24 Python
Python中作用域的深入讲解
2018/12/10 Python
python3实现多线程聊天室
2018/12/12 Python
详解Selenium+PhantomJS+python简单实现爬虫的功能
2019/07/14 Python
python2爬取百度贴吧指定关键字和图片代码实例
2019/08/14 Python
Python命令行click参数用法解析
2019/12/19 Python
TensorFlow自定义损失函数来预测商品销售量
2020/02/05 Python
pyinstaller打包单文件时--uac-admin选项不起作用怎么办
2020/04/15 Python
Django自关联实现多级联动查询实例
2020/05/19 Python
Python类及获取对象属性方法解析
2020/06/15 Python
系统管理员的职责包括那些?管理的对象是什么?
2013/01/18 面试题
乡镇党委书记个人整改措施
2014/09/15 职场文书
2015年安康杯竞赛活动总结
2015/03/26 职场文书
学校2016年圣诞节活动总结
2016/03/31 职场文书
致男子1500米运动员的广播稿
2019/11/08 职场文书
关于redisson缓存序列化几枚大坑说明
2021/08/04 Redis
利用Python实现翻译HTML中的文本字符串
2022/06/21 Python