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中String类的subString()方法和slice()方法
May 24 Javascript
关于Javascript作用域链的八点总结
Dec 06 Javascript
js实现页面刷新滚动条位置不变
Nov 27 Javascript
浅谈JsonObject中的key-value数据解析排序问题
Dec 06 Javascript
图片懒加载imgLazyLoading.js使用详解
Sep 15 Javascript
一步步教会你微信小程序的登录鉴权
Apr 09 Javascript
vscode中vue-cli项目es-lint的配置方法
Jul 30 Javascript
jquery ui 实现 tab标签功能示例【测试可用】
Jul 25 jQuery
JSON获取属性值方法代码实例
Jun 30 Javascript
echarts 使用formatter 修改鼠标悬浮事件信息操作
Jul 20 Javascript
Electron+vue从零开始打造一个本地播放器的方法示例
Oct 27 Javascript
Vue 防止短时间内连续点击后多次触发请求的操作
Nov 11 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
简单的用PHP编写的导航条程序
2006/10/09 PHP
easyui的tabs update正确用法分享
2014/03/21 PHP
php简单判断两个字符串是否相等的方法
2015/07/13 PHP
PHP dirname简单使用代码实例
2020/11/13 PHP
用正则xmlHttp实现的偷(转)
2007/01/22 Javascript
JavaScript 事件对象的实现
2009/07/13 Javascript
jquery 关键字“拖曳搜索”之“拖曳”以及 图片“提示自适应放大”效果 的实现
2010/04/18 Javascript
解析javascript 数组以及json元素的添加删除
2013/06/26 Javascript
js导出table数据到excel即导出为EXCEL文档的方法
2013/10/10 Javascript
Angular.js与Bootstrap相结合实现手风琴菜单代码
2016/04/13 Javascript
jQuery Mobile中的button按钮组件基础使用教程
2016/05/23 Javascript
非常实用的js验证框架实现源码 附原理方法
2016/06/08 Javascript
微信小程序 开发工具快捷键整理
2016/10/31 Javascript
Angular中自定义Debounce Click指令防止重复点击
2017/07/26 Javascript
微信小程序选择图片和放大预览图片功能
2017/11/02 Javascript
vue环境搭建简单教程
2017/11/07 Javascript
nodejs遍历文件夹下并操作HTML/CSS/JS/PNG/JPG的方法
2018/11/01 NodeJs
electron中使用bootstrap的示例代码
2018/11/06 Javascript
JS/HTML5游戏常用算法之追踪算法实例详解
2018/12/12 Javascript
JQuery常见节点操作实例分析
2019/05/15 jQuery
vue.js实现备忘录demo
2019/06/26 Javascript
详解将微信小程序接口Promise化并使用async函数
2019/08/05 Javascript
基于javascript的无缝滚动动画实现2
2020/08/07 Javascript
python 实现自动远程登陆scp文件实例代码
2017/03/13 Python
python3中dict(字典)的使用方法示例
2017/03/22 Python
PyQt5基本控件使用详解:单选按钮、复选框、下拉框
2019/08/05 Python
keras自定义回调函数查看训练的loss和accuracy方式
2020/05/23 Python
Python实现寻找回文数字过程解析
2020/06/09 Python
详解python变量与数据类型
2020/08/25 Python
python实现无边框进度条的实例代码
2020/12/30 Python
《生命 生命》教学反思
2014/04/19 职场文书
2014老师三严三实对照检查材料思想汇报
2014/09/18 职场文书
教师批评与自我批评发言稿
2014/10/15 职场文书
2014年政务公开工作总结
2014/12/09 职场文书
投资入股协议书
2016/03/22 职场文书
2019自荐信该如何写呢?
2019/07/05 职场文书