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 相关文章推荐
js本身的局限性 别让javascript做太多事
Mar 23 Javascript
javascript实现网页字符定位的方法
Jul 14 Javascript
AngularJS ng-controller 指令简单实例
Aug 01 Javascript
Three.js学习之网格
Aug 10 Javascript
AngularJS之依赖注入模拟实现
Aug 19 Javascript
手把手教你搭建ES6的开发运行环境
Jul 11 Javascript
JS实现的JSON数组去重算法示例
Apr 11 Javascript
详解使用jQuery.i18n.properties实现js国际化
May 04 jQuery
atom-design(Vue.js移动端组件库)手势组件使用教程
May 16 Javascript
vue.js购物车添加商品组件的方法
Sep 17 Javascript
Vue自定义组件双向绑定实现原理及方法详解
Sep 03 Javascript
详解vue父子组件状态同步的最佳方式
Sep 10 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
thinkphp的c方法使用示例
2014/02/24 PHP
thinkphp常见路径用法分析
2014/12/02 PHP
在JavaScript中获取请求的URL参数
2010/12/22 Javascript
jquery 插件学习(一)
2012/08/06 Javascript
web的各种前端打印方法之jquery打印插件jqprint实现网页打印
2013/01/09 Javascript
javascript去除字符串中所有标点符号和提取纯文本的正则
2014/06/07 Javascript
javascript检测是否联网的实现代码
2014/09/28 Javascript
JS实现的左侧竖向滑动菜单效果代码
2015/10/19 Javascript
JS+Canvas绘制时钟效果
2020/08/20 Javascript
Bootstrap DateTime Picker日历控件简单应用
2017/03/25 Javascript
nodejs微信扫码支付功能实现
2018/02/17 NodeJs
JavaScript实现的DOM绘制柱状图效果示例
2018/08/08 Javascript
element-ui 中的table的列隐藏问题解决
2018/08/24 Javascript
JS面试题大坑之隐式类型转换实例代码
2018/10/14 Javascript
Vue源码解析之Template转化为AST的实现方法
2018/12/14 Javascript
JavaScript基础之this和箭头函数详析
2019/09/05 Javascript
[20:39]DOTA2-DPC中国联赛 正赛开幕式 1月18日
2021/03/11 DOTA
从源码解析Python的Flask框架中request对象的用法
2016/06/02 Python
对Python subprocess.Popen子进程管道阻塞详解
2018/10/29 Python
用python画一只可爱的皮卡丘实例
2019/11/21 Python
解决Python3下map函数的显示问题
2019/12/04 Python
Python3 虚拟开发环境搭建过程(图文详解)
2020/01/06 Python
以色列的身体护理及家居香薰品牌:Sabon NYC
2018/02/23 全球购物
捷克厨房用品购物网站:Tescoma
2018/07/13 全球购物
什么是.net的Remoting技术
2016/07/08 面试题
软件测试英文面试题
2012/10/14 面试题
财务分析个人的自荐书范文
2013/11/24 职场文书
大学生饮食配送创业计划书
2014/01/04 职场文书
班级入场式解说词
2014/02/01 职场文书
人力资源主管职责范本
2014/03/05 职场文书
《牧场之国》教学反思
2016/02/22 职场文书
委托书范本格式
2019/04/18 职场文书
pytorch中的model.eval()和BN层的使用
2021/05/22 Python
Vue中插槽slot的使用方法与应用场景详析
2021/06/08 Vue.js
5种 JavaScript 方式实现数组扁平化
2021/10/05 Javascript
JavaScript原型链详解
2021/11/07 Javascript