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 相关文章推荐
javaScript checkbox 全选/反选及批量删除
Apr 28 Javascript
使用jquery实现select添加实现后台权限添加的效果
May 28 Javascript
JS 获取select(多选下拉)中所选值的示例代码
Aug 02 Javascript
JavaScript动态插入script的基本思路及实现函数
Nov 11 Javascript
jQuery照片伸缩效果不影响其他元素的布局
May 09 Javascript
JS+HTML5手机开发之滚动和惯性缓动实现方法分析
Jun 12 Javascript
AngularJS 指令的交互详解及实例代码
Sep 14 Javascript
javascript 单例模式详解及简单实例
Feb 14 Javascript
Js利用prototype自定义数组方法示例
Oct 20 Javascript
Vue实现带进度条的文件拖动上传功能
Feb 23 Javascript
Element Notification通知的实现示例
Jul 27 Javascript
vue生命周期钩子函数以及触发时机
Apr 26 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
laravel 5 实现模板主题功能(续)
2015/03/02 PHP
PHP实现连接设备、通讯和发送命令的方法
2015/10/13 PHP
适用于初学者的简易PHP文件上传类
2015/10/29 PHP
Eclipse PHPEclipse 配置的具体步骤
2017/08/08 PHP
PHP根据树的前序遍历和中序遍历构造树并输出后序遍历的方法
2017/11/10 PHP
PHP设计模式(七)组合模式Composite实例详解【结构型】
2020/05/02 PHP
实用的JS正则表达式(手机号码/IP正则/邮编正则/电话等)
2013/01/11 Javascript
php跨域调用json的例子
2013/11/13 Javascript
告诉你什么是javascript的回调函数
2014/09/04 Javascript
node.js中的console.info方法使用说明
2014/12/09 Javascript
原生javascript实现图片弹窗交互效果
2015/01/12 Javascript
node.js 使用ejs模板引擎时后缀换成.html
2015/04/22 Javascript
JavaScript操作XML/HTML比较常用的对象属性集锦
2015/10/30 Javascript
实例讲解js验证表单项是否为空的方法
2016/01/09 Javascript
JQuery实现网页右侧随动广告特效
2016/01/17 Javascript
Javascript复制实例详解
2016/01/28 Javascript
jquery拖动层效果插件用法实例分析(附demo源码)
2016/04/28 Javascript
webpack 样式加载的实现原理
2018/06/12 Javascript
Postman的下载及安装教程详解
2018/10/16 Javascript
vue解决跨域问题(推荐)
2020/11/10 Javascript
python通过pil模块获得图片exif信息的方法
2015/03/16 Python
30分钟搭建Python的Flask框架并在上面编写第一个应用
2015/03/30 Python
Python程序中使用SQLAlchemy时出现乱码的解决方案
2015/04/24 Python
python中根据字符串调用函数的实现方法
2016/06/12 Python
python opencv 批量改变图片的尺寸大小的方法
2019/06/28 Python
Pyqt助手安装PyQt5帮助文档过程图解
2020/11/20 Python
CSS3实现水平居中、垂直居中、水平垂直居中的实例代码
2020/02/27 HTML / CSS
.NET方向面试题
2014/11/20 面试题
什么是跨站脚本攻击
2014/12/11 面试题
职专应届生求职信
2013/11/16 职场文书
中学生校园广播稿
2014/01/16 职场文书
党员廉洁自律承诺书
2014/05/26 职场文书
注册资产评估专业求职信
2014/07/16 职场文书
保险内勤岗位职责
2015/04/13 职场文书
保险公司岗前培训工作总结
2015/10/24 职场文书
《全神贯注》教学反思
2016/02/22 职场文书