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 相关文章推荐
用jscript实现新建和保存一个word文档
Jun 15 Javascript
javascript showModalDialog,open取得父窗口的方法
Mar 10 Javascript
jquery实现网站超链接和图片提示效果
Mar 21 Javascript
按Enter键触发事件的jquery方法实现代码
Feb 17 Javascript
对 jQuery 中 data 方法的误解分析
Jun 18 Javascript
transport.js和jquery冲突问题的解决方法
Feb 10 Javascript
浅析JavaScript中的array数组类型系统
Jul 18 Javascript
JavaScript cookie详解及简单实例应用
Dec 31 Javascript
javascript 秒表计时器实现代码
Mar 09 Javascript
iview实现动态表单和自定义验证时间段重叠
Jan 10 Javascript
vue 实现click同时传入事件对象和自定义参数
Jan 29 Vue.js
vue-cli3.x配置全局的scss的时候报错问题及解决
Apr 30 Vue.js
简述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 判断变量类型实现代码
2009/10/23 PHP
纯php打造的tab选项卡效果代码(不用js)
2010/12/29 PHP
php启动时候提示PHP startup的解决方法
2013/05/07 PHP
PHP获取中英混合字符串长度的方法
2014/06/07 PHP
php实现获取及设置用户访问页面语言类
2014/09/24 PHP
Zend Framework教程之Zend_Layout布局助手详解
2016/03/04 PHP
thinkphp框架实现数据添加和显示功能
2016/06/29 PHP
PHP抓取远程图片(含不带后缀的)教程详解
2016/10/21 PHP
thinkPHP5.0框架安装教程
2017/03/25 PHP
基于ThinkPHP实现的日历功能实例详解
2017/04/15 PHP
PHP常见加密函数用法示例【crypt与md5】
2019/01/27 PHP
laravel-admin解决表单select联动时,编辑默认没选上的问题
2019/09/30 PHP
js 中{},[]中括号,大括号使用详解
2011/05/12 Javascript
js实现拉伸拖动iframe的具体代码
2013/08/03 Javascript
JavaScript代码编写中各种各样的坑和填坑方法
2014/06/06 Javascript
JavaScript中的逻辑判断符&&、||与!介绍
2014/12/31 Javascript
Jquery api 速查表分享
2015/01/12 Javascript
JavaScript 学习笔记之操作符
2015/01/14 Javascript
javascript实现自动输出文本(打字特效)
2015/08/27 Javascript
JavaScript缓冲运动实现方法(2则示例)
2016/01/08 Javascript
KnockoutJS 3.X API 第四章之数据控制流if绑定和ifnot绑定
2016/10/10 Javascript
微信小程序本地缓存数据增删改查实例详解
2017/05/24 Javascript
Vue学习笔记之表单输入控件绑定
2017/09/05 Javascript
Django使用多数据库的方法
2017/09/06 Javascript
Python的“二维”字典 (two-dimension dictionary)定义与实现方法
2016/04/27 Python
Python实现的生成格雷码功能示例
2018/01/24 Python
Python应用库大全总结
2018/05/30 Python
Django文件存储 自己定制存储系统解析
2019/08/02 Python
python 写函数在一定条件下需要调用自身时的写法说明
2020/06/01 Python
python要安装在哪个盘
2020/06/15 Python
社保代办委托书怎么写
2014/10/06 职场文书
乡镇防汛工作汇报
2014/10/28 职场文书
2015年度优秀员工自荐书
2015/03/06 职场文书
单方投资意向书
2015/05/11 职场文书
python神经网络 tf.name_scope 和 tf.variable_scope 的区别
2022/05/04 Python
MySQL脏读,幻读和不可重复读
2022/05/11 MySQL