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 相关文章推荐
写了10年的Javascript也未必全了解的连续赋值运算
Mar 25 Javascript
artDialog双击会关闭对话框的修改过程分享
Aug 05 Javascript
Js 导出table内容到Excel的简单实例
Nov 19 Javascript
node.js中的fs.truncateSync方法使用说明
Dec 15 Javascript
jquery实现华丽的可折角广告代码
Sep 02 Javascript
jQuery和JavaScript节点插入元素的方法对比
Nov 18 Javascript
vue中axios处理http发送请求的示例(Post和get)
Oct 13 Javascript
Vue.js实现开发购物车功能的方法详解
Feb 22 Javascript
jQuery+ajax实现批量删除功能完整示例
Jun 06 jQuery
移动端 Vue+Vant 的Uploader 实现上传、压缩、旋转图片功能
Jun 10 Javascript
vue tab滚动到一定高度,固定在顶部,点击tab切换不同的内容操作
Jul 22 Javascript
vue实现列表拖拽排序的功能
Nov 02 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
一个目录遍历函数
2006/10/09 PHP
推荐个功能齐全的发送PHP邮件类
2007/01/03 PHP
使用php+apc实现上传进度条且在IE7下不显示的问题解决方法
2013/04/25 PHP
使用PHP会话(Session)实现用户登陆功能
2013/06/29 PHP
PHP编写的图片验证码类文件分享
2016/06/06 PHP
基于jQuery的自动完成插件
2011/02/03 Javascript
js Date概念详细介绍
2013/11/22 Javascript
深入理解javascript的执行顺序
2014/04/04 Javascript
jQuery响应enter键的实现思路
2014/04/18 Javascript
js判断鼠标左、中、右键哪个被点击的方法
2015/01/27 Javascript
在linux中使用包管理器安装node.js
2015/03/13 Javascript
JavaScript中实现Map的示例代码
2015/09/09 Javascript
js识别uc浏览器的代码
2015/11/06 Javascript
jQuery+Ajax实现无刷新操作
2016/01/04 Javascript
解析js如何获取css样式
2016/12/11 Javascript
jQuery实现页面滚动时智能浮动定位
2017/01/08 Javascript
JavaScript BASE64算法实现(完美解决中文乱码)
2017/01/10 Javascript
canvas实现钟表效果
2017/02/13 Javascript
jquery对table做排序操作的实例演示
2017/08/10 jQuery
JS 使用 window对象的print方法实现分页打印功能
2018/05/16 Javascript
通过原生vue添加滚动加载更多功能
2019/11/21 Javascript
利用Python演示数型数据结构的教程
2015/04/03 Python
使用url_helper简化Python中Django框架的url配置教程
2015/05/30 Python
Python中time模块和datetime模块的用法示例
2016/02/28 Python
pyqt5 实现多窗口跳转的方法
2019/06/19 Python
Python绘制动态水球图过程详解
2020/06/03 Python
call在Python中改进数列的实例讲解
2020/12/09 Python
Kathmandu澳洲户外商店:新西兰户外运动品牌
2017/11/12 全球购物
采购员岗位职责
2013/11/15 职场文书
个人培训自我鉴定
2014/03/28 职场文书
行政专员岗位职责范本
2014/08/26 职场文书
银行委托书范本
2014/09/28 职场文书
2014年接待工作总结
2014/11/26 职场文书
golang在GRPC中设置client的超时时间
2021/04/27 Golang
gojs实现蚂蚁线动画效果
2022/02/18 Javascript
解析探秘fescar分布式事务实现原理
2022/02/28 Java/Android