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实现自定义对话框的代码
Jun 15 Javascript
MooBox 基于Mootools的对话框插件
Jan 20 Javascript
chrome浏览器不支持onmouseleave事件的解决技巧
May 31 Javascript
jQuery Trim去除字符串首尾空字符的实现方法说明
Feb 11 Javascript
清除div下面的所有标签的方法
Feb 17 Javascript
JS实现点击按钮获取页面高度的方法
Nov 02 Javascript
ionic cordova一次上传多张图片(类似input file提交表单)的实现方法
Dec 16 Javascript
JS去掉字符串前后空格、阻止表单提交的实现代码
Jun 08 Javascript
JavaScript执行环境及作用域链实例分析
Aug 01 Javascript
node错误处理与日志记录的实现
Dec 24 Javascript
node.js express框架简介与实现
Jul 23 Javascript
VUE项目axios请求头更改Content-Type操作
Jul 24 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中数组的三种排序方法分享
2012/05/07 PHP
用 Composer构建自己的 PHP 框架之设计 MVC
2014/10/30 PHP
CI框架实现优化文件上传及多文件上传的方法
2017/01/04 PHP
php批量删除操作(数据访问)
2017/05/23 PHP
TP5(thinkPHP5)框架基于ajax与后台数据交互操作简单示例
2018/09/03 PHP
javascript同步Import,同步调用外部js的方法
2008/07/08 Javascript
跟我一起学写jQuery插件开发方法(附完整实例及下载)
2010/04/01 Javascript
jQuery帮助之筛选查找 children([expr])
2011/01/31 Javascript
使用js在页面中绘制表格核心代码
2013/09/16 Javascript
Backbone.js中的集合详解
2015/01/14 Javascript
html的DOM中document对象anchors集合用法实例
2015/01/21 Javascript
jquery采用oop模式class类的使用示例
2016/01/22 Javascript
微信小程序 中wx.chooseAddress(OBJECT)实例详解
2017/03/31 Javascript
Vue中定义全局变量与常量的各种方式详解
2017/08/23 Javascript
在页面中引入js的两种方法(推荐)
2017/08/29 Javascript
Angular5.1新功能分享
2017/12/21 Javascript
angularjs数组判断是否含有某个元素的实例
2018/02/27 Javascript
vue通过指令(directives)实现点击空白处收起下拉框
2018/12/06 Javascript
零基础之Node.js搭建API服务器的详解
2019/03/08 Javascript
JQuery中DOM节点的操作与访问方法实例分析
2019/12/23 jQuery
解决vue加scoped后就无法修改vant的UI组件的样式问题
2020/09/07 Javascript
简单理解Python中的装饰器
2015/07/31 Python
Python中使用urllib2模块编写爬虫的简单上手示例
2016/01/20 Python
Python3中条件控制、循环与函数的简易教程
2017/11/21 Python
Python利用sqlacodegen自动生成ORM实体类示例
2019/06/04 Python
详解python uiautomator2 watcher的使用方法
2019/09/09 Python
python爬虫用mongodb的理由
2020/07/28 Python
python实现自动打卡的示例代码
2020/10/10 Python
css3设置box-pack和box-align让div里面的元素垂直居中
2014/09/01 HTML / CSS
倡议书范文
2014/04/16 职场文书
科长竞争上岗演讲稿
2014/05/12 职场文书
会展策划与管理专业求职信
2014/06/09 职场文书
暑期社会实践心得体会
2014/09/02 职场文书
教师学期末个人总结
2015/02/13 职场文书
Django显示可视化图表的实践
2021/05/10 Python
React如何使用axios请求数据并把数据渲染到组件
2022/08/05 Javascript