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实现html页面 div 假分页有原理有代码
Sep 06 Javascript
JS表的模拟方法
Feb 05 Javascript
javascript实现倒计时并弹窗提示特效
Jun 05 Javascript
jQuery插件pagewalkthrough实现引导页效果
Jul 05 Javascript
jQuery操作cookie
Aug 08 Javascript
ES2015 Symbol 一种绝不重复的值
Dec 25 Javascript
vue实现列表的添加点击
Dec 29 Javascript
Vue2.0 从零开始_环境搭建操作步骤
Jun 14 Javascript
微信小程序登录按钮遮罩浮层效果的实现方法
Dec 16 Javascript
JQuery中queue方法用法示例
Jan 31 jQuery
koa-passport实现本地验证的方法示例
Feb 20 Javascript
vue 组件之间事件触发($emit)与event Bus($on)的用法说明
Jul 28 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
SONY SRF-40W电路分析
2021/03/02 无线电
谈谈PHP语法(5)
2006/10/09 PHP
介绍几个array库的新函数 php
2006/12/29 PHP
Php Mssql操作简单封装支持存储过程
2009/12/11 PHP
ucenter通信原理分析
2015/01/09 PHP
php中file_exists函数使用详解
2015/05/08 PHP
PHP中set_include_path()函数相关用法分析
2016/07/18 PHP
JS实现浏览器菜单命令
2006/09/05 Javascript
jquery.tmpl JQuery模板插件
2011/10/10 Javascript
js实现运动logo图片效果及运动元素对象sportBox使用方法
2012/12/25 Javascript
jquery中使用$(#form).submit()重写提交表单无效原因分析及解决
2013/03/25 Javascript
javascript拖拽上传类库DropzoneJS使用方法
2013/12/05 Javascript
jquery高级编程的最佳实践详解
2014/03/23 Javascript
Javascript监视变量变化的方法
2015/06/09 Javascript
JavaScript让Textarea支持tab按键的方法
2015/06/26 Javascript
谈谈JavaScript中的几种借用方法
2016/08/09 Javascript
Node.js读写文件之批量替换图片的实现方法
2016/09/07 Javascript
详解Jquery Easyui的验证扩展
2017/01/09 Javascript
详谈jQuery中的一些正则匹配表达式
2017/03/08 Javascript
JS设置随机出现2个数字的实例代码
2017/07/19 Javascript
浅谈js中的this问题
2017/08/31 Javascript
使用D3.js构建实时图形的示例代码
2018/08/28 Javascript
vue项目上传Github预览的实现示例
2018/11/06 Javascript
什么时候不能在 Node.js 中使用 Lock Files
2019/06/24 Javascript
Windows系统下使用flup搭建Nginx和Python环境的方法
2015/12/25 Python
简单了解python的一些位运算技巧
2019/07/13 Python
对Django项目中的ORM映射与模糊查询的使用详解
2019/07/18 Python
pytorch中tensor张量数据类型的转化方式
2019/12/31 Python
如何在django中实现分页功能
2020/04/22 Python
意大利奢侈品零售商:ilDuomo Novara
2019/09/11 全球购物
写求职信有什么意义
2014/02/17 职场文书
教师工作决心书
2015/02/04 职场文书
秋菊打官司观后感
2015/06/03 职场文书
MySQL索引篇之千万级数据实战测试
2021/04/05 MySQL
解决Oracle数据库用户密码过期
2022/05/11 Oracle
win10如何开启ahci模式?win10开启ahci模式详细操作教程
2022/07/23 数码科技