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 相关文章推荐
js onclick事件传参讲解
Nov 06 Javascript
纯js实现仿QQ邮箱弹出确认框
Apr 29 Javascript
使用jquery实现鼠标滑过弹出更多相关信息层附源码下载
Nov 23 Javascript
JavaScript String(字符串)对象的简单实例(推荐)
Aug 31 Javascript
node网页分段渲染详解
Sep 05 Javascript
jQuery实现加入收藏夹功能(主流浏览器兼职)
Dec 24 Javascript
利用CDN加速react webpack打包后的文件详解
Feb 22 Javascript
Vue2.0 http请求以及loading展示实例
Mar 06 Javascript
详解mpvue scroll-view自动回弹bug解决方案
Oct 01 Javascript
Vue press 支持图片放大功能的实例代码
Nov 09 Javascript
js简单遍历获取对象中的属性值的方法示例
Jun 19 Javascript
Ajax是什么?Ajax高级用法之Axios技术
Apr 21 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
Codeigniter购物车类不能添加中文的解决方法
2014/11/29 PHP
php获得客户端浏览器名称及版本的方法(基于ECShop函数)
2015/12/23 PHP
php中遍历二维数组并以表格的形式输出的方法
2017/01/03 PHP
PHP封装函数实现生成随机的字符串验证码
2017/01/24 PHP
浅析PHP反序列化中过滤函数使用不当导致的对象注入问题
2020/02/15 PHP
php设计模式之组合模式实例详解【星际争霸游戏案例】
2020/03/27 PHP
Node.js:Windows7下搭建的Node.js服务(来玩玩服务器端的javascript吧,这可不是前端js插件)
2011/06/27 Javascript
js变量以及其作用域详解
2020/07/18 Javascript
jQuery之选择组件的深入解析
2013/06/19 Javascript
Jquery右下角抖动、浮动 实例代码(兼容ie6、FF)
2013/08/15 Javascript
js数组去重的常用方法总结
2014/01/24 Javascript
jquery制作弹窗提示窗口代码分享
2014/03/02 Javascript
深入理解JS DOM事件机制
2016/08/06 Javascript
Vuejs第七篇之Vuejs过渡动画案例全面解析
2016/09/05 Javascript
js 点击a标签 获取a的自定义属性方法
2016/11/21 Javascript
使用vue构建移动应用实战代码
2017/08/02 Javascript
详解nodejs http请求相关总结
2019/03/31 NodeJs
JavaScrip数组去重操作实例小结
2019/06/20 Javascript
Angular 多级路由实现登录页面跳转(小白教程)
2019/11/19 Javascript
Vue使用自定义指令实现拖拽行为实例分析
2020/06/06 Javascript
Python单元测试框架unittest使用方法讲解
2015/04/13 Python
深入理解NumPy简明教程---数组3(组合)
2016/12/17 Python
python实现生命游戏的示例代码(Game of Life)
2018/01/24 Python
python运行时强制刷新缓冲区的方法
2019/01/14 Python
Python 在OpenCV里实现仿射变换—坐标变换效果
2019/08/30 Python
python3 mmh3安装及使用方法
2019/10/09 Python
基于TensorFlow中自定义梯度的2种方式
2020/02/04 Python
利用python3筛选excel中特定的行(行值满足某个条件/行值属于某个集合)
2020/09/04 Python
Python实现自动整理文件的脚本
2020/12/17 Python
如何掌握自荐信格式呢
2013/11/19 职场文书
如何写求职信
2014/05/24 职场文书
小学家长学校培训材料
2014/08/24 职场文书
公司授权委托书范文
2014/09/21 职场文书
初一数学教学反思
2016/02/17 职场文书
mysql升级到5.7时,wordpress导数据报错1067的问题
2021/05/27 MySQL
Python中else的三种使用场景
2021/06/16 Python