jQuery原生的动画效果


Posted in Javascript onJuly 10, 2015

1.方法:

show:显示选中元素。
hide:隐藏选中元素。
toggle:显示或隐藏选中元素。
fadeIn:将选中元素的不透明度逐步提升到100%。
fadeOut:将选中元素的不透明度逐步降为0%。
slideDown:垂直向下滑动显示选中元素。
slideUp:垂直向上滑动隐藏当前元素。
slideToggle:垂直向上或向下滑动的形式折叠或展开选中元素。

2.语法:

 

$(selector).方法名([speed], [callback]);

-- speed:可选,表示速度。默认“normal”。

  可取值

毫秒 (比如 1500)
"slow"
"normal"
"fast"

 

-- callback:可选,回调函数。 

3.调用:

$(".toggle").toggle();


$(".toggle").toggle(250);


$(".toggle").toggle('fast');

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
Javascript实例教程(19) 使用HoTMetal(7)
Dec 23 Javascript
JavaScript 版本自动生成文章摘要
Jul 23 Javascript
javascript温习的一些笔记 基础常用知识小结
Jun 22 Javascript
js解析与序列化json数据(二)序列化探讨
Feb 01 Javascript
jquery ajax 局部无刷新更新数据的实现案例
Feb 08 Javascript
JavaScript实现节点的删除与序号重建实例
Aug 05 Javascript
详解JavaScript中的构造器Constructor模式
Jan 14 Javascript
原生js编写基于面向对象的分页组件
Dec 05 Javascript
如何解决vue2.0下IE浏览器白屏问题
Sep 13 Javascript
vue中如何去掉空格的方法实现
Nov 09 Javascript
vue模仿网易云音乐的单页面应用
Apr 24 Javascript
在layer弹层layer.prompt中,修改placeholder的实现方法
Sep 27 Javascript
简述Jquery与DOM对象
Jul 10 #Javascript
JavaScript声明变量名的语法规则
Jul 10 #Javascript
JS控制表单提交的方法
Jul 09 #Javascript
JS获取下拉框显示值和判断单选按钮的方法
Jul 09 #Javascript
JavaScript的类型、值和变量小结
Jul 09 #Javascript
JS实现文档加载完成后执行代码
Jul 09 #Javascript
jQuery检测某个元素是否存在代码分享
Jul 09 #Javascript
You might like
PHP中常用数组处理方法实例分析
2008/08/30 PHP
PHP 编程安全性小结
2010/01/08 PHP
PHP JSON出错:Cannot use object of type stdClass as array解决方法
2014/08/16 PHP
Symfony2安装的方法(2种方法)
2016/02/04 PHP
PHP抓取远程图片(含不带后缀的)教程详解
2016/10/21 PHP
Yii框架通过请求组件处理get,post请求的方法分析
2019/09/03 PHP
PHP实现文件上传后台处理脚本
2020/03/04 PHP
javascript之对系统的toFixed()方法的修正
2007/05/08 Javascript
Ext grid 添加右击菜单
2009/11/26 Javascript
jquery 仿QQ校友的DIV模拟窗口效果源码
2010/03/24 Javascript
javascript学习笔记(九)javascript中的原型(prototype)及原型链的继承方式
2011/04/12 Javascript
jquery offset函数应用实例
2012/11/14 Javascript
jquery实现点击弹出层效果的简单实例
2014/03/03 Javascript
jquery新的绑定事件机制on方法的使用方法
2014/04/15 Javascript
jquery修改网页背景颜色通过css方法实现
2014/06/06 Javascript
NodeJS学习笔记之MongoDB模块
2015/01/13 NodeJs
详细分析JavaScript变量类型
2015/07/08 Javascript
javaScript事件机制兼容【详细整理】
2016/07/23 Javascript
jQuery轻松实现无缝轮播效果
2017/03/22 jQuery
微信小程序选择图片控件
2021/01/19 Javascript
[00:47]DOTA2荣耀之路6:玩不了啦!
2018/05/30 DOTA
[01:00:14]DOTA2-DPC中国联赛 正赛 Ehome vs Elephant BO3 第二场 2月28日
2021/03/11 DOTA
Python实现竖排打印传单手机号码易撕条
2015/03/16 Python
python2.7 mayavi 安装图文教程(推荐)
2017/06/22 Python
python os.path模块常用方法实例详解
2018/09/16 Python
在Pycharm中修改文件默认打开方式的方法
2019/01/17 Python
对python For 循环的三种遍历方式解析
2019/02/01 Python
Python 生成一个从0到n个数字的列表4种方法小结
2019/11/28 Python
tensorflow使用指定gpu的方法
2020/02/04 Python
如何查看Django ORM执行的SQL语句的实现
2020/04/20 Python
英国最大的婴儿监视器网上商店:Baby Monitors Direct
2018/04/24 全球购物
优秀员工自荐信范文
2013/10/05 职场文书
运动会开幕式邀请函
2014/01/22 职场文书
在校大学生的职业生涯规划书
2014/03/14 职场文书
未婚证明范本
2015/06/15 职场文书
使用Oracle跟踪文件的问题详解
2021/06/28 Oracle