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 EasyUI 组件加上“清除”功能实例详解
Apr 11 jQuery
jQuery实现百度登录框的动态切换效果
Apr 21 jQuery
jquery实现简单实用的轮播器
May 23 jQuery
JQuery Ajax 异步操作之动态添加节点功能
May 24 jQuery
jQuery实现返回顶部按钮和scroll滚动功能[带动画效果]
Jul 05 jQuery
jQuery实现滚动效果
Nov 17 jQuery
jquery动态添加带有样式的HTML标签元素方法
Feb 24 jQuery
jQuery+Datatables实现表格批量删除功能【推荐】
Oct 24 jQuery
jquery实现二级导航下拉菜单效果实例
May 14 jQuery
Vue项目中使用jquery的简单方法
May 16 jQuery
解决jquery validate 验证不通过后验证正确的信息仍残留在label上的方法
Aug 27 jQuery
jQuery zTree如何改变指定节点文本样式
Oct 16 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循环创建目录示例分享(php创建多级目录)
2014/03/04 PHP
PHP FTP操作类代码( 上传、拷贝、移动、删除文件/创建目录)
2014/05/10 PHP
PHP导出带样式的Excel示例代码
2016/08/28 PHP
老生常谈ThinkPHP中的行为扩展和插件(推荐)
2017/05/05 PHP
PHP简单实现欧拉函数Euler功能示例
2017/11/06 PHP
PHP SESSION跨页面传递失败解决方案
2020/12/11 PHP
Windows Live的@live.com域名注册漏洞 利用代码
2006/12/27 Javascript
用js实现的一个Flash滚动轮换显示图片代码生成器
2007/03/14 Javascript
Raphael带文本标签可拖动的图形实现代码
2013/02/20 Javascript
javascript新建标签,判断键盘输入,以及判断焦点(示例代码)
2013/11/25 Javascript
使用jQuery实现的掷色子游戏动画效果
2014/03/14 Javascript
JQuery中使用on方法绑定hover事件实例
2014/12/09 Javascript
jQuery中ready事件用法实例
2015/01/19 Javascript
nodejs实现获取当前url地址及url各种参数值
2015/06/25 NodeJs
JavaScript中字符串与Unicode编码互相转换的实现方法
2015/12/18 Javascript
JS实现简单易用的手机端浮动窗口显示效果
2016/09/07 Javascript
jQuery控制元素隐藏和显示
2017/03/03 Javascript
Ajax异步文件上传与NodeJS express服务端处理
2017/04/01 NodeJs
深入了解Vue3模板编译原理
2020/11/19 Vue.js
[08:54]DOTA2-DPC中国联赛 正赛 Aster vs LBZS 选手采访
2021/03/11 DOTA
Python基于回溯法子集树模板实现图的遍历功能示例
2017/09/05 Python
Python实现将doc转化pdf格式文档的方法
2018/01/19 Python
浅谈python中requests模块导入的问题
2018/05/18 Python
PYTHON绘制雷达图代码实例
2019/10/15 Python
Python如何计算语句执行时间
2019/11/22 Python
python 图像的离散傅立叶变换实例
2020/01/02 Python
scrapy在python爬虫中搭建出错的解决方法
2020/11/22 Python
简洁自适应404页面HTML好看的404源码
2020/12/16 HTML / CSS
美国山地自行车、露营、户外装备和服装购物网站:Aventuron
2018/05/05 全球购物
心理健康课教学反思
2014/02/13 职场文书
运动会拉拉队口号
2014/06/09 职场文书
垂直极限观后感
2015/06/08 职场文书
团拜会主持词
2015/07/04 职场文书
2016年小学生教师节广播稿
2015/12/18 职场文书
2019年二手房买卖合同范本
2019/10/14 职场文书
mybatis3中@SelectProvider传递参数方式
2021/08/04 Java/Android