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中的deferred使用方法
Mar 27 jQuery
jQuery实现div跟随鼠标移动
Aug 20 jQuery
jQuery滑动到底部加载下一页数据的实例代码
May 22 jQuery
基于jQuery的表单填充实例
Aug 22 jQuery
原生JS与jQuery编写简单选项卡
Oct 30 jQuery
详解使用jQuery.i18n.properties实现js国际化
May 04 jQuery
jQuery实现表单动态添加数据并提交的方法
Jul 19 jQuery
jQuery实现的点击按钮改变样式功能示例
Jul 21 jQuery
jQuery实现鼠标移入移出事件切换功能示例
Sep 06 jQuery
jQuery实现的简单日历组件定义与用法示例
Dec 24 jQuery
jQuery实现的别踩白块小游戏完整示例
Jan 07 jQuery
jQuery 实现扁平式小清新导航
Jul 07 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
mysql 中InnoDB和MyISAM的区别分析小结
2008/04/15 PHP
php压缩多个CSS为一个css的代码并缓存
2011/04/21 PHP
php实现改变图片直接打开为下载的方法
2015/04/14 PHP
PHP常用技巧汇总
2016/03/04 PHP
laravel实现简单用户权限的示例代码
2019/05/28 PHP
WEB页子窗口(showModalDialog和showModelessDialog)使用说明
2009/10/25 Javascript
defer属性导致引用JQuery的页面报“浏览器无法打开网站xxx,操作被中止”错误的解决方法
2010/04/27 Javascript
JQuery入门——事件切换之hover()方法应用介绍
2013/02/05 Javascript
判定是否原生方法的JS代码
2013/11/12 Javascript
JS实现淡蓝色简洁竖向Tab点击切换效果
2015/10/06 Javascript
javascript实现动态标签云
2015/10/16 Javascript
AngularJS基础 ng-list 指令详解及示例代码
2016/08/02 Javascript
js实现拖拽上传图片功能
2017/08/01 Javascript
AngularJS中table表格基本操作示例
2017/10/10 Javascript
简易Vue评论框架的实现(父组件的实现)
2018/01/08 Javascript
Vue2.0结合webuploader实现文件分片上传功能
2018/03/09 Javascript
vueJs实现DOM加载完之后自动下拉到底部的实例代码
2018/08/31 Javascript
ES6 Symbol在对象中的作用实例分析
2020/06/06 Javascript
vue实现打地鼠小游戏
2020/08/21 Javascript
Vue实现多页签组件
2021/01/14 Vue.js
python类继承用法实例分析
2014/10/10 Python
在Python中处理列表之reverse()方法的使用教程
2015/05/21 Python
Python实现爬取逐浪小说的方法
2015/07/07 Python
浅谈Matplotlib简介和pyplot的简单使用——文本标注和箭头
2018/01/09 Python
python实现一个点绕另一个点旋转后的坐标
2019/12/04 Python
浅谈TensorFlow中读取图像数据的三种方式
2020/06/30 Python
Perry Ellis官网:美国男士品味服装
2016/12/09 全球购物
可口可乐唇膏:Lip Smackers
2019/08/27 全球购物
高二化学教学反思
2014/01/30 职场文书
幼儿园美术教学反思
2014/01/31 职场文书
食品流通安全承诺书
2014/05/22 职场文书
学生旷课检讨书500字
2014/10/28 职场文书
2015年营销工作总结范文
2015/04/23 职场文书
2015年幼儿园班主任工作总结
2015/05/12 职场文书
2016最新离婚协议书范本及程序
2016/03/18 职场文书
《最后一头战象》读后感:动物也有感情
2020/01/02 职场文书