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自动切换tabs选项卡的具体实现
Dec 24 Javascript
基于jQuery实现的仿百度首页滑动选项卡效果代码
Nov 16 Javascript
简单实现轮播图效果的实例
Jul 15 Javascript
浅谈jQuery中事情的动态绑定
Feb 12 Javascript
vuejs绑定class和style样式
Apr 11 Javascript
requirejs + vue 项目搭建详解
Jun 16 Javascript
Angular4学习笔记之实现绑定和分包
Aug 01 Javascript
JS中的回调函数实例浅析
Mar 21 Javascript
vuex进阶知识点巩固
May 20 Javascript
微信小程序非跳转式组件授权登录的方法示例
May 22 Javascript
微信头像地址失效踩坑记附带解决方案
Sep 23 Javascript
通过实例解析jQ Ajax操作相关原理
Sep 23 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
利用Ffmpeg获得flv视频缩略图和视频时间的代码
2011/09/15 PHP
php中3des加密代码(完全与.net中的兼容)
2012/08/02 PHP
在PHP程序中使用Rust扩展的方法
2015/07/03 PHP
php、java、android、ios通用的3des方法(推荐)
2016/09/09 PHP
php mysql实现mysql_select_db选择数据库
2016/12/30 PHP
php获取当前url地址的方法小结
2017/01/10 PHP
PHP实现表单提交数据的验证处理功能【防SQL注入和XSS攻击等】
2017/07/21 PHP
PHP使用PDO、mysqli扩展实现与数据库交互操作详解
2019/07/20 PHP
asp.net下利用js实现返回上一页的实现方法小集
2009/11/24 Javascript
javascript options属性集合操作代码
2009/12/28 Javascript
基于jquery实现的表格分页实现代码
2011/06/21 Javascript
jQuery实现转动随机数抽奖效果的方法
2015/05/21 Javascript
js实现无限级树形导航列表效果代码
2015/09/23 Javascript
js判断文本框输入的内容是否为数字
2015/12/23 Javascript
jQuery简单注册和禁用全局事件的方法
2016/07/25 Javascript
jQuery使用正则表达式替换dom元素标签用法示例
2017/01/16 Javascript
es6的数字处理的方法(5个)
2017/03/16 Javascript
Angular2开发——组件规划篇
2017/03/28 Javascript
vue货币过滤器的实现方法
2017/04/01 Javascript
vue教程之toast弹框全局调用示例详解
2020/08/24 Javascript
vue 开发一个按钮组件的示例代码
2018/03/27 Javascript
windows实现npm和cnpm安装步骤
2019/10/24 Javascript
解决vue语法会有延迟加载显现{{xxx}}的问题
2019/11/14 Javascript
VUE.CLI4.0配置多页面入口的实现
2019/11/25 Javascript
基于canvasJS在PHP中制作动态图表
2020/05/30 Javascript
Python装饰器用法实例总结
2018/05/26 Python
Django实现文件上传下载
2019/10/06 Python
python 实现快速生成连续、随机字母列表
2019/11/28 Python
浅谈html5标签css3的常用样式
2016/10/20 HTML / CSS
html5简单示例_动力节点Java学院整理
2017/07/07 HTML / CSS
泰国王权免税店官方网站:KingPower
2019/03/11 全球购物
会计自我鉴定范文
2013/10/06 职场文书
小学开学寄语
2014/01/19 职场文书
二年级学生评语大全
2014/04/23 职场文书
委托书的写法
2014/08/30 职场文书
2016年情人节问候语
2015/11/11 职场文书