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 相关文章推荐
jQuery实现分页功能(含ajax请求、后台数据、附完整demo)
Apr 03 jQuery
jQuery实现动态生成表格并为行绑定单击变色动作的方法
Apr 17 jQuery
jQuery遮罩层实例讲解
May 11 jQuery
文本溢出插件jquery.dotdotdot.js使用方法详解
Jun 22 jQuery
jQuery 循环遍历改变a标签的href(实例讲解)
Jul 12 jQuery
利用jQuery+localStorage实现一个简易的计时器示例代码
Dec 25 jQuery
jQuery实现滚动到底部时自动加载更多的方法示例
Feb 18 jQuery
jQuery 改变P标签文本值方法
Feb 24 jQuery
jQuery实现鼠标点击处心形漂浮的炫酷效果示例
Apr 12 jQuery
jQuery 点击获取验证码按钮及倒计时功能
Sep 20 jQuery
JQuery属性操作与循环用法示例
May 15 jQuery
jQuery Migrate 插件用法实例详解
May 22 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
解析Linux下Varnish缓存的配置优化
2013/06/20 PHP
Codeigniter(CI)框架分页函数及相关知识
2014/11/03 PHP
PHP扩展程序实现守护进程
2015/04/16 PHP
Jquery 自定义动画概述及示例
2013/03/29 Javascript
Javascript脚本实现静态网页加密实例代码
2013/11/05 Javascript
当滚动条滚动到页面底部自动加载增加内容的js代码
2014/05/13 Javascript
10分钟学会写Jquery插件实例教程
2014/09/06 Javascript
基于jquery的文字向上跑动类似跑马灯的效果
2014/09/22 Javascript
js数组常见操作及数组与字符串相互转化实例详解
2015/11/10 Javascript
JavaScript中removeChild 方法开发示例代码
2016/08/15 Javascript
canvas 弹幕效果(实例分享)
2017/01/11 Javascript
详解Vue使用命令行搭建单页面应用
2017/05/24 Javascript
javascript 中事件冒泡和事件捕获机制的详解
2017/09/01 Javascript
nodejs对express中next函数的一些理解
2017/09/08 NodeJs
JavaScript实现汉字转换为拼音及缩写的方法示例
2019/03/28 Javascript
layui实现下拉框三级联动
2019/07/26 Javascript
Layui table field初始化加载时进行隐藏的方法
2019/09/19 Javascript
Python实现计算文件夹下.h和.cpp文件的总行数
2015/04/23 Python
Python中在for循环中嵌套使用if和else语句的技巧
2016/06/20 Python
python开发环境PyScripter中文乱码问题解决方案
2016/09/11 Python
numpy 对矩阵中Nan的处理:采用平均值的方法
2018/10/30 Python
python Django 创建应用过程图示详解
2019/07/29 Python
Django admin组件的使用
2020/10/24 Python
CSS3点击按钮实现背景渐变动画效果
2016/10/19 HTML / CSS
米兰网婚纱礼服法国网上商店:Milanoo法国
2016/08/20 全球购物
英国儿童家具专卖店:GLTC
2016/09/24 全球购物
世界第一曲奇连锁店:Mrs. Fields Cookies
2017/02/04 全球购物
Everything But Water官网:美国泳装品牌
2019/03/17 全球购物
AP澳洲中文网:澳洲正品直邮,包税收件无忧
2019/07/12 全球购物
办公室经理岗位职责
2014/01/01 职场文书
大学新闻系自荐书
2014/05/31 职场文书
政府采购方案
2014/06/12 职场文书
专科生就业求职信
2014/06/22 职场文书
乡镇遵守党的政治纪律情况对照检查材料
2014/09/26 职场文书
个人工作年终总结
2015/03/09 职场文书
催款通知书范文
2015/04/17 职场文书