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对象[0]是什么含义?
Jul 31 Javascript
json原理分析及实例介绍
Nov 29 Javascript
js实现全屏漂浮广告移入光标停止移动
Dec 02 Javascript
引入JS文件IE6报语法错误或缺少对象问题的解决方法
Jan 09 Javascript
jquery.ajax的url中传递中文乱码问题的解决方法
Feb 07 Javascript
jquery分页对象使用示例
Apr 01 Javascript
js操作数组函数实例小结
Dec 10 Javascript
vue多级多选菜单组件开发
Sep 08 Javascript
通过npm引用的vue组件使用详解
Mar 02 Javascript
create-react-app构建项目慢的解决方法
Mar 14 Javascript
Vue实现多标签选择器
Nov 28 Javascript
Js跳出两级循环方法代码实例
Sep 22 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+JS实现搜索自动提示(实例)
2013/06/09 PHP
php中照片旋转 (orientation) 问题的正确处理
2017/02/16 PHP
php无限级分类实现评论及回复功能
2019/02/18 PHP
对采用动态原型方式无法展示继承机制得思考
2009/12/04 Javascript
基于jquery的内容循环滚动小模块(仿新浪微博未登录首页滚动微博显示)
2011/03/28 Javascript
基于jquery实现的移入页面上空文本框时,让它变为焦点,移出清除焦点
2011/07/26 Javascript
TimergliderJS 一个基于jQuery的时间轴插件
2011/12/07 Javascript
常见的原始JS选择器使用方法总结
2014/04/09 Javascript
JS实现当前页居中分页效果的方法
2015/06/18 Javascript
jQuery的选择器中的通配符[id^='code']或[name^='code']及jquery选择器总结
2015/12/24 Javascript
JavaScript中setTimeout和setInterval函数的传参及调用
2016/03/11 Javascript
JavaScript绑定事件监听函数的通用方法
2016/05/14 Javascript
js 动态生成html 触发事件传参字符转义的实例
2017/02/14 Javascript
jquery实现的简单轮播图功能【适合新手】
2018/08/17 jQuery
js中let能否完全替代IIFE
2019/06/15 Javascript
node.js如何操作MySQL数据库
2020/10/29 Javascript
python中stdout输出不缓存的设置方法
2014/05/29 Python
Python实现输出程序执行进度百分比的方法
2017/09/16 Python
实践Vim配置python开发环境
2018/07/02 Python
Python对CSV、Excel、txt、dat文件的处理
2018/09/18 Python
Python3 读、写Excel文件的操作方法
2018/10/20 Python
python输出电脑上所有的串口名的方法
2019/07/02 Python
详解pandas中MultiIndex和对象实际索引不一致问题
2019/07/23 Python
Selenium常见异常解析及解决方案示范
2020/04/10 Python
numpy实现RNN原理实现
2021/03/02 Python
CSS3 网页下拉菜单代码解释 中文翻译
2010/02/27 HTML / CSS
canvas拼图功能实现代码示例
2018/11/21 HTML / CSS
美国尼曼百货官网:Neiman Marcus
2019/09/05 全球购物
机械电子工程专业推荐信范文
2013/11/20 职场文书
安全生产责任书范本
2014/04/15 职场文书
小学课外阅读总结
2014/07/09 职场文书
党员干部民主生活会议批评与自我批评材料
2014/09/20 职场文书
2014年会计个人工作总结
2014/11/24 职场文书
股权转让协议范本
2014/12/07 职场文书
简爱读书笔记
2015/06/26 职场文书
pandas中对文本类型数据的处理小结
2021/11/01 Python