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 replace方法去空格
May 08 jQuery
jQuery滚动插件scrollable.js用法分析
May 25 jQuery
Jquery+Ajax+xml实现中国地区选择三级联动菜单效果(推荐)
Jun 09 jQuery
jQuery封装placeholder效果实现方法,让低版本浏览器支持该效果
Jul 08 jQuery
基于jQuery的表单填充实例
Aug 22 jQuery
jQuery 实现鼠标画框并对框内数据选中的实例代码
Aug 29 jQuery
jquery tmpl模板(实例讲解)
Sep 02 jQuery
jquery应用实例分享_实现手风琴特效
Feb 01 jQuery
jQuery实现遍历XML节点和属性的方法示例
Apr 29 jQuery
解决jquery有正确返回值但不执行success函数的问题
Aug 20 jQuery
jquery.pager.js分页实现详解
Jul 29 jQuery
jQuery 选择器用法实例分析【prev + next】
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
PHP获取数组长度或某个值出现次数的方法
2015/02/11 PHP
Laravel 5框架学习之表单
2015/04/08 PHP
CodeIgniter与PHP5.6的兼容问题
2015/07/16 PHP
PHP 输出缓冲控制(Output Control)详解
2016/08/25 PHP
thinkPHP5项目中实现QQ第三方登录功能
2017/10/20 PHP
firefox 和 ie 事件处理的细节,研究,再研究 书写同时兼容ie和ff的事件处理代码
2007/04/12 Javascript
js实现GridView单选效果自动设置交替行、选中行、鼠标移动行背景色
2010/05/27 Javascript
js获取键盘按键响应事件(兼容各浏览器)
2013/05/16 Javascript
详解jQuery选择器
2016/12/21 Javascript
jQuery+CSS3实现点赞功能
2017/03/13 Javascript
node通过npm写一个cli命令行工具
2017/10/12 Javascript
微信小程序获取手机系统信息的方法【附源码下载】
2017/12/07 Javascript
高性能js数组去重(12种方法,史上最全)
2019/12/21 Javascript
微信小程序自定义菜单切换栏tabbar组件代码实例
2019/12/30 Javascript
Python3 socket同步通信简单示例
2017/06/07 Python
Python使用zip合并相邻列表项的方法示例
2018/03/17 Python
Python学习笔记之open()函数打开文件路径报错问题
2018/04/28 Python
numpy.transpose()实现数组的转置例子
2019/12/02 Python
Matplotlib使用字符串代替变量绘制散点图的方法
2020/02/17 Python
Python控制台实现交互式环境执行
2020/06/09 Python
python hmac模块验证客户端的合法性
2020/11/07 Python
CSS3 选择器 属性选择器介绍
2012/01/21 HTML / CSS
美国在线购物频道:Shop LC
2019/04/21 全球购物
Linux面试经常问的文件系统操作命令
2015/11/05 面试题
艺术专业大学生自我评价
2013/09/22 职场文书
工程力学专业毕业生求职信
2013/10/06 职场文书
中专毕业生自我鉴定
2013/11/21 职场文书
企业员工薪酬方案
2014/06/04 职场文书
长城导游词400字
2015/01/30 职场文书
入学证明
2015/06/23 职场文书
nginx配置ssl实现https的方法示例
2021/03/31 Servers
vue完美实现el-table列宽自适应
2021/05/08 Vue.js
Python爬虫实战之爬取携程评论
2021/06/02 Python
MySQL索引是啥?不懂就问
2021/07/21 MySQL
JavaScript高级程序设计之基本引用类型
2021/11/17 Javascript
MySQL详解进行JDBC编程与增删改查方法
2022/06/16 MySQL