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 相关文章推荐
jquery中的sortable排序之后的保存状态的解决方法
Jan 28 Javascript
深入理解javaScript中的事件驱动
May 21 Javascript
jquery 实现input输入什么div图层显示什么
Jun 15 Javascript
node.js中使用q.js实现api的promise化
Sep 17 Javascript
推荐JavaScript实现继承的最佳方式
Nov 11 Javascript
js中数组排序sort方法的原理分析
Nov 20 Javascript
javascript等号运算符使用详解
Apr 16 Javascript
详谈js中数组(array)和对象(object)的区别
Feb 27 Javascript
Node.js使用MySQL连接池的方法实例
Feb 11 Javascript
原生js+ajax分页组件
Jan 30 Javascript
JavaScript实现五子棋小游戏
Oct 26 Javascript
解决removeEventListener 无法清除监听的问题
Oct 30 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  实现等比压缩图片尺寸和大小实例代码
2016/10/08 PHP
Laravel 自动生成验证的实例讲解:login / logout
2019/10/14 PHP
splice slice区别
2006/10/09 Javascript
原生js实现给指定元素的后面追加内容
2013/04/10 Javascript
javascript中比较字符串是否相等的方法
2013/07/23 Javascript
js获取客户端外网ip的简单实例
2013/11/21 Javascript
jQuery 文本框得失焦点的简单实例
2014/02/19 Javascript
Javascript验证上传图片大小[前台处理]
2014/07/18 Javascript
js对象的复制继承实例
2015/01/10 Javascript
JavaScript中toString()方法的使用详解
2015/06/05 Javascript
jQuery中$(function() {});问题详解
2015/08/10 Javascript
JS实现页面数据无限加载
2016/09/13 Javascript
jquery对Json的各种遍历方法总结(必看篇)
2016/09/29 Javascript
JQ中$(window).load和$(document).ready区别与执行顺序
2017/03/01 Javascript
原生js FileReader对象实现图片上传本地预览效果
2020/03/27 Javascript
基于JavaScript中标识符的命名规则介绍
2018/01/06 Javascript
nodejs连接mysql数据库及基本知识点详解
2018/03/20 NodeJs
你点的 ES6一些小技巧,请查收
2018/04/25 Javascript
js实现简单点赞操作
2020/03/17 Javascript
[01:10:58]KG vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
以一段代码为实例快速入门Python2.7
2015/03/31 Python
python 把列表转化为字符串的方法
2018/10/23 Python
Python装饰器语法糖
2019/01/02 Python
python sqlite的Row对象操作示例
2019/09/11 Python
Python使用qrcode二维码库生成二维码方法详解
2020/02/17 Python
Dr.Jart+美国官网:韩国药妆品牌
2019/01/18 全球购物
美国最佳选择产品网站:Best Choice Products
2019/05/27 全球购物
aden + anais英国官网:美国婴儿贴身用品品牌
2019/09/08 全球购物
护士求职自荐信范文
2014/03/19 职场文书
运动会口号8字
2014/06/07 职场文书
小学教师自我评价
2015/03/04 职场文书
先进个人事迹材料(2016推荐版)
2016/03/01 职场文书
详解nginx.conf 中 root 目录设置问题
2021/04/01 Servers
Python+Matplotlib图像上指定坐标的位置添加文本标签与注释
2022/04/11 Python
Windows Server 2016 配置 IIS 的详细步骤
2022/04/28 Servers
Spring Data JPA框架Repository自定义实现
2022/04/28 Java/Android