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 锚点跳转滚动条平滑滚动一句话代码
Apr 30 Javascript
基于jquery用于查询操作的实现代码
May 10 Javascript
Bookmarklet实现启动jQuery(模仿 云输入法)
Sep 15 Javascript
jQuery遍历Table应用示例
Apr 09 Javascript
js插件设置innerHTML时在IE8下提示“未知运行时错误”解决方法
Apr 25 Javascript
javascript中window.open在原来的窗口中打开新的窗口(不同名)
Nov 15 Javascript
jQuery返回定位插件详解
May 15 jQuery
前端页面文件拖拽上传模块js代码示例
May 19 Javascript
[js高手之路]图解javascript的原型(prototype)对象,原型链实例
Aug 28 Javascript
AngularJS标签页tab选项卡切换功能经典实例详解
May 16 Javascript
JavaScript折半查找(二分查找)算法原理与实现方法示例
Aug 06 Javascript
Angularjs 根据一个select的值去设置另一个select的值方法
Aug 13 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
短波的认识
2021/03/01 无线电
多文件上载系统完整版
2006/10/09 PHP
使用pthreads实现真正的PHP多线程(需PHP5.3以上版本)
2014/05/05 PHP
实例讲解PHP表单
2020/06/10 PHP
JavaScript 学习笔记(十五)
2010/01/28 Javascript
js获得指定控件输入光标的坐标兼容IE,Chrome,火狐等多种主流浏览器
2013/05/21 Javascript
jquery获取radio值(单选组radio)
2014/10/16 Javascript
jQuery实现简单的间隔向上滚动效果
2015/03/09 Javascript
Bootstrap的Refresh Icon也spin起来
2016/07/13 Javascript
JS实现隐藏同级元素后只显示JS文件内容的方法
2016/09/04 Javascript
Bootstrap实现提示框和弹出框效果
2017/01/11 Javascript
使用jquery给新生的th绑定hover事件的实例
2017/02/10 Javascript
jQuery插件HighCharts绘制2D圆环图效果示例【附demo源码下载】
2017/03/09 Javascript
Puppeteer环境搭建的详细步骤
2018/09/21 Javascript
JS栈stack类的实现与使用方法示例
2019/01/31 Javascript
微信小程序上传图片到php服务器的方法
2019/05/23 Javascript
layui实现下拉框三级联动
2019/07/26 Javascript
python实现socket客户端和服务端简单示例
2014/02/24 Python
python中bisect模块用法实例
2014/09/25 Python
Python合并字典键值并去除重复元素的实例
2016/12/18 Python
Python基础之getpass模块详细介绍
2017/08/10 Python
Python搭建FTP服务器的方法示例
2018/01/19 Python
python查看列的唯一值方法
2018/07/17 Python
python 实现调用子文件下的模块方法
2018/12/07 Python
python xlwt如何设置单元格的自定义背景颜色
2019/09/03 Python
python3多线程知识点总结
2019/09/26 Python
python实现将列表中各个值快速赋值给多个变量
2020/04/02 Python
pytorch中的weight-initilzation用法
2020/06/24 Python
HTML5适合的情人节礼物有纪念日期功能
2021/01/25 HTML / CSS
瑞士领先的网上超市:LeShop.ch
2018/11/14 全球购物
教师师德教育的自我评价
2013/10/31 职场文书
教师个人自我评价范文
2014/04/13 职场文书
商铺门面租房协议书
2014/10/21 职场文书
收入及婚姻状况证明
2014/11/20 职场文书
公务员年度考核个人总结
2015/02/12 职场文书
vue响应式原理与双向数据的深入解析
2021/06/04 Vue.js