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网页关键字高亮代码
Jul 30 Javascript
javascript中的nextSibling使用陷(da)阱(keng)
May 05 Javascript
编写高性能Javascript代码的N条建议
Oct 12 Javascript
使用Function.apply()的参数数组化来提高 JavaScript程序性能的技巧
Dec 23 Javascript
jQuery判断元素是否显示 是否隐藏的简单实现代码
May 19 Javascript
AngularJS基础 ng-disabled 指令详解及简单示例
Aug 01 Javascript
微信小程序购物商城系统开发系列-工具篇的介绍
Nov 21 Javascript
全面总结Javascript对数组对象的各种操作
Jan 22 Javascript
canvas实现十二星座星空图
Feb 14 Javascript
Angular4学习笔记router的简单使用
Mar 30 Javascript
详解服务端预渲染之Nuxt(介绍篇)
Apr 07 Javascript
vue实现移动端触屏拖拽功能
Aug 21 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隐形一句话后门,和ThinkPHP框架加密码程序(base64_decode)
2011/11/02 PHP
ThinkPHP采用实现三级循环代码实例
2014/07/18 PHP
php实现删除空目录的方法
2015/03/16 PHP
thinkphp3.2实现上传图片的控制器方法
2016/04/28 PHP
PHP Primary script unknown 解决方法总结
2019/08/22 PHP
php下的原生ajax请求用法实例分析
2020/02/28 PHP
PHP实现抽奖功能实例代码
2020/06/30 PHP
JavaScript库 开发规则
2009/01/31 Javascript
Javascript中的var_dump函数实现代码
2009/09/07 Javascript
File, FileReader 和 Ajax 文件上传实例分析(php)
2011/04/27 Javascript
用javascript作一个通用向导说明
2011/08/30 Javascript
jQuery实现鼠标跟随提示层效果代码(可显示文本,Div,Table,Html等)
2016/04/18 Javascript
localStorage的黑科技-js和css缓存机制
2017/02/06 Javascript
微信小程序 解析网页内容详解及实例
2017/02/22 Javascript
微信小程序之分享页面如何返回首页的示例
2018/03/28 Javascript
基于vue-simplemde实现图片拖拽、粘贴功能
2018/04/12 Javascript
JavaScript 中的12种循环遍历方法【总结】
2018/05/31 Javascript
vue 解决异步数据更新问题
2019/10/29 Javascript
vue 移动端记录页面浏览位置的方法
2020/03/11 Javascript
详解Python中映射类型(字典)操作符的概念和使用
2015/08/19 Python
pandas表连接 索引上的合并方法
2018/06/08 Python
python全栈知识点总结
2019/07/01 Python
Python使用turtle库绘制小猪佩奇(实例代码)
2020/01/16 Python
python 中不同包 类 方法 之间的调用详解
2020/03/09 Python
Python基于smtplib协议实现发送邮件
2020/06/03 Python
ONLY瑞典官网:世界知名服装品牌
2018/06/19 全球购物
性能服装:HYLETE
2018/08/14 全球购物
MYPROTEIN澳大利亚官方网站:欧洲运动营养品牌
2019/06/26 全球购物
实习鉴定评语
2014/01/19 职场文书
成人继续教育实施方案
2014/03/01 职场文书
文秘应届生求职信
2014/07/05 职场文书
地陪导游欢迎词
2015/01/26 职场文书
起诉意见书范文
2015/05/19 职场文书
《葡萄沟》教学反思
2016/02/23 职场文书
如何用python清洗文件中的数据
2021/06/18 Python
草系十大最强宝可梦,纸片人上榜,榜首大家最熟悉
2022/03/18 日漫