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学习笔记之Helloworld
Dec 22 Javascript
5个书写JavaScript代码的坏习惯,看看你中枪了没?
Nov 06 Javascript
js实现简单鼠标跟随效果的方法
Apr 10 Javascript
JavaScript简单判断复选框是否选中及取出值的方法
Aug 13 Javascript
javascript学习总结之js使用技巧
Sep 02 Javascript
jQuery实现简洁的导航菜单效果
Nov 23 Javascript
原生javascript实现读写CSS样式的方法详解
Feb 20 Javascript
原生node.js案例--前后台交互
Feb 20 Javascript
Vue结合SignalR实现前后端实时消息同步
Sep 19 Javascript
利用Webpack实现小程序多项目管理的方法
Feb 25 Javascript
vue实现商品列表的添加删除实例讲解
May 14 Javascript
VUE UPLOAD 通过ACTION返回上传结果操作
Sep 07 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中global和$GLOBALS[]的分析之一
2012/02/02 PHP
php简单判断文本编码的方法
2015/07/30 PHP
zen_cart实现支付前生成订单的方法
2016/05/06 PHP
php array_pop 删除数组最后一个元素实例
2016/11/02 PHP
Zend Framework入门教程之Zend_Db数据库操作详解
2016/12/08 PHP
PHP单例模式详解及实例代码
2016/12/21 PHP
thinkPHP数据查询常用方法总结【select,find,getField,query】
2017/03/15 PHP
PHP批量删除jQuery操作
2017/07/23 PHP
TP框架实现上传一张图片和批量上传图片的方法分析
2020/04/23 PHP
JavaScript表单常用验证集合
2008/01/16 Javascript
ext for eclipse插件安装方法
2008/04/27 Javascript
jquery插件hiAlert实现网页对话框美化
2015/05/03 Javascript
js正则匹配出所有图片及图片地址src的方法
2015/06/08 Javascript
使用JavaScript和CSS实现文本隔行换色的方法
2015/11/04 Javascript
React实现点击删除列表中对应项
2017/01/10 Javascript
JS实现的模仿QQ头像资料卡显示与隐藏效果
2017/04/07 Javascript
JavaScript数据结构之二叉查找树的定义与表示方法
2017/04/12 Javascript
vue.js使用v-model指令实现的数据双向绑定功能示例
2018/05/22 Javascript
JS实现中英文混合文字溢出友好截取功能
2018/08/06 Javascript
json 带斜杠时如何解析的实现
2019/08/12 Javascript
vue之debounce属性被移除及处理详解
2019/11/13 Javascript
微信小程序自定义底部弹出框功能
2020/11/18 Javascript
[02:56]DOTA2亚洲邀请赛 VG出场战队巡礼
2015/02/07 DOTA
[47:46]完美世界DOTA2联赛 Magma vs GXR 第三场 11.07
2020/11/10 DOTA
Python的一些用法分享
2012/10/07 Python
Python简单进程锁代码实例
2015/04/27 Python
Python下载网络文本数据到本地内存的四种实现方法示例
2018/02/05 Python
简单了解python shutil模块原理及使用方法
2020/04/28 Python
用Python 执行cmd命令
2020/12/18 Python
CSS3的颜色渐变效果的示例代码
2017/09/29 HTML / CSS
Html5实现首页动态视频背景的示例代码
2019/09/25 HTML / CSS
Html5嵌入钉钉的实现示例
2020/06/04 HTML / CSS
2014年情人节活动方案
2014/02/16 职场文书
教育局党的群众路线教育实践活动整改方案
2014/09/20 职场文书
2015年实习班主任工作总结
2015/04/23 职场文书
mysql序号rownum行号实现方式
2022/12/24 MySQL