jQuery的效果函数
jQuery的效果函数有很多,下面让我们一起看看jQuery的效果函数吧:
jQuery的效果函数列表:
animate():对被选元素应用“自定义”的动画。
clearQueue():对被选元素移除所有排队的函数(仍未运行的)。
delay():对被选元素的所有排队函数(仍未运行)设置延迟。
dequeue():运行被选元素的下一个排队函数。
fadeln():逐渐改变被选元素的不透明度,从隐藏到可见。
fadeOut():逐渐改变被元素的不透明度,从可见到隐藏。
fadeTo():把被选元素逐渐改变至给定的不透明度。
hide():隐藏被选的元素。
queue():显示被选元素的排队函数。
show():显示被选的元素。
slideDown():通过调整高度来滑动显示被选元素。
slideToggle():对被选元素进行滑动隐藏和滑动显示的切换。
slideUp():通过调整高度来滑动隐藏被选元素。
stop():停止在被选元素上运行的动画。
toggle():对被选元素进行隐藏和显示的切换。
animate():
animate() 方法执行 CSS 属性集的自定义动画。
该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的,这样就可以创建动画效果。
只有数字值可创建动画(比如 "margin:30px")。字符串值无法创建动画(比如 "background-color:red")。
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的效果函数的更多相关文章
- jQuery 效果函数
jQuery 效果函数 方法 描述 animate() 对被选元素应用“自定义”的动画 clearQueue() 对被选元素移除所有排队的函数(仍未运行的) delay() 对被选元素的所有排队函数( ...
- jquery 动画总结(主要指效果函数)
动画无非两类:帧动画frame和变形动画tween,以及3d动画.不论web还是安卓苹果app,动画原理都是这些. web app 动画实现的途径,无非这几种:1 gif动画---这就是帧动画,把若干 ...
- jQuery 效果函数,jquery文档操作,jQuery属性操作方法,jQuerycss操作函数,jQuery参考手册-事件,jQuery选择器
jQuery 效果函数 方法 描述 animate() 对被选元素应用“自定义”的动画 clearQueue() 对被选元素移除所有排队的函数(仍未运行的) delay() 对被选元素的所有排队函数( ...
- js进阶 13-6 jquery动画效果相关常用函数有哪些
js进阶 13-6 jquery动画效果相关常用函数有哪些 一.总结 一句话总结:animate(),stop(),finish(),delat()四个. 1.stop()方法的基本用法是什么(sto ...
- jQuery常用方法和函数
jQuery 事件 bind() 方法:被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数 $(selector).bind({event:function, event:function ...
- JQuery动画效果
jquery动画效果常用方法 1.show()显示效果语法:show(speed,callback)Number/String,Function speend为动画执行时间,单位为毫秒.也可以为slo ...
- 利用Jquery的load函数实现页面的动态加载
利用Jquery的load函数实现页面的动态加载 js的强大功能相信大家都知晓,今天通过jquery的库函数load可以更加方便的实现页面的动态刷新,经过几天的研究与探索,终于有所成效!吾心甚蔚! ...
- jquery 动画效果插件
从jQuery API 文档中可以知道,jQuery自定义动画的函数.animate( properties [, duration] [, easing] [, complete] )有四个参数: ...
- Jq_选择器、效果函数
JQuery 选择器 选择器 实例 选取 * ...
随机推荐
- MetaSploit攻击实例讲解------攻击445端口漏洞(kali linux 2016.2(rolling))(详细)
不多说,直接上干货! 大家,相信最近的这个事件,对于445端口已经是非常的小心了.勒索病毒 445端口是一个毁誉参半的端口,有了它我们可以在局域网中轻松访问各种共享文件夹或共享打印机,但也正是因为有了 ...
- C#生成高清缩略图 (装在自OPEN经验库)
来源 http://www.open-open.com/lib/view/open1389943861320.html 代码如下实现图片的高清缩略图 /// <summary> /// 为 ...
- express + multer 文件上传入门
写在前面的 在web开发中,我们经常会遇到图片上传的功能,接下来我们就在express4.15.0框架中利用multer1.3.0模块来实现图片上传 开始敲代码 首先利用express-generat ...
- 搭健MyBatis开发环境
相关文献资料地址:http://www.mybatis.org/mybatis-3/zh/getting-started.html 关于如何创建一个项目,添加Tomcat运行环境和生成`web.xml ...
- springMVC小项目实例
一.什么是 Spring MVC Spring MVC 属于 SpringFrameWork 的后续产品,已经融合在 Spring Web Flow 里面,是一个强大灵活的 Web 框架.Spring ...
- Python学习---Day96
转载:http://www.cnblogs.com/wupeiqi/articles/6229292.html Scrapy Scrapy是一个为了爬取网站数据,提取结构性数据而编写的应用框架. 其可 ...
- 注解@SuppressWarnings
在JAVA中注解@SuppressWarnings("deprecation")的Deprecation是什么意思 过期的 @SuppressWarnings("depr ...
- C语言基础 (3) C语言介绍
01回顾 02 语言介绍 语言是人和人交流,C语言是人和机器交流. 03_为什么学C语言 04_第一个C代码编译运行 #include <stdio.h> int main() { // ...
- [APIO2016]Gap
题目:UOJ#206. 题目大意:由于过于冗长,不好解释,所以详见原题. 解题思路:这是一道交互题. 对于第一问,很容易解决.由于数列严格递增,所以不会出现相等的情况. 首先调用MinMax(0,10 ...
- Bedrock Linux 0.7.3 发布
Bedrock Linux是一种元分发,允许用户利用其他通常互斥的Linux发行版的功能,并让它们无缝地一起工作.该项目发布了其0.7.x系列,Bedrock Linux 0.7.3的更新. 新的更新 ...