jQuery中常用动画效果函数知识点整理


Posted in jQuery onAugust 19, 2018

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 相关文章推荐
JS与jQuery实现子窗口获取父窗口元素值的方法
Apr 17 jQuery
bootstrap+jQuery 实现下拉菜单中复选框全选和全不选效果
Jun 12 jQuery
jquery实现一个全局计时器(商城可用)
Jun 30 jQuery
深入研究jQuery图片懒加载 lazyload.js使用方法
Aug 16 jQuery
jquery实现限制textarea输入字数的方法
Sep 06 jQuery
jQuery中ajax获取数据赋值给页面的实例
Dec 31 jQuery
vue-cli webpack 引入jquery的方法
Jan 10 jQuery
基于jQuery ztree实现表格风格的树状结构
Aug 31 jQuery
jQuery移动端跑马灯抽奖特效升级版(抽奖概率固定)实现方法
Jan 18 jQuery
jQuery实现的导航条点击后高亮显示功能示例
Mar 04 jQuery
jQuery实现小火箭返回顶部特效
Feb 03 jQuery
jquery制作的移动端购物车效果完整示例
Feb 24 jQuery
jQuery UI实现动画效果代码分享
Aug 19 #jQuery
jquery实现的简单轮播图功能【适合新手】
Aug 17 #jQuery
jQuery实现的页面弹幕效果【测试可用】
Aug 17 #jQuery
jQuery实现轮播图及其原理详解
Apr 12 #jQuery
jQuery实现参数自定义的文字跑马灯效果
Aug 15 #jQuery
jQuery轮播图实例详解
Aug 15 #jQuery
layui中使用jquery控制radio选中事件的示例代码
Aug 15 #jQuery
You might like
php addslashes 函数详细分析说明
2009/06/23 PHP
php获取本地图片文件并生成xml文件输出具体思路
2013/04/27 PHP
php中将数组转成字符串并保存到数据库中的函数代码
2013/09/29 PHP
php抛出异常与捕捉特定类型的异常详解
2016/10/26 PHP
extjs 学习笔记(一) 一些基础知识
2009/10/13 Javascript
js操作ajax返回的json的注意问题!
2010/02/23 Javascript
js 禁止选择功能实现代码(兼容IE/Firefox)
2010/04/23 Javascript
kmock javascript 单元测试代码
2011/02/06 Javascript
从零开始学习jQuery (八) 插播:jQuery实施方案
2011/02/23 Javascript
js验证是否为数字的总结
2013/04/14 Javascript
通过action传过来的值在option获取进行验证的方法
2013/11/14 Javascript
详解JavaScript对象和数组
2015/12/03 Javascript
通过JS和PHP两种方法判断用户请求时使用的浏览器类型
2016/09/01 Javascript
jQuery在ie6下无法设置select选中的解决方法详解
2016/09/20 Javascript
Node.js中process模块常用的属性和方法
2016/12/13 Javascript
jQuery轻松实现无缝轮播效果
2017/03/22 jQuery
vue采用EventBus实现跨组件通信及注意事项小结
2018/06/14 Javascript
微信小程序Getuserinfo解决方案图解
2018/08/24 Javascript
Vue.js计算机属性computed和methods方法详解
2019/10/12 Javascript
微信小程序跨页面数据传递事件响应实现过程解析
2019/12/19 Javascript
用Python程序抓取网页的HTML信息的一个小实例
2015/05/02 Python
python结合opencv实现人脸检测与跟踪
2015/06/08 Python
Python三种遍历文件目录的方法实例代码
2018/01/19 Python
PyCharm2018 安装及破解方法实现步骤
2019/09/09 Python
python用tkinter实现一个简易能进行随机点名的界面
2020/09/27 Python
CSS3教程(8):CSS3透明度指南
2009/04/02 HTML / CSS
利用html5 canvas动态画饼状图的示例代码
2018/04/02 HTML / CSS
canvas使用注意点总结
2013/07/19 HTML / CSS
英国家喻户晓的折扣商场:TK Maxx
2017/05/26 全球购物
ASP.NET中的身份验证有那些
2012/07/13 面试题
小学校长先进事迹材料
2014/05/13 职场文书
2014院党委领导班子及其成员群众路线对照检查材料思想汇报
2014/10/04 职场文书
政审证明材料
2015/06/19 职场文书
被委托人身份证明
2015/08/07 职场文书
《黄山奇石》教学反思
2016/02/18 职场文书
kubernetes集群搭建Zabbix监控平台的详细过程
2022/07/07 Servers