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 相关文章推荐
prototype 学习笔记整理
Jul 17 Javascript
JavaScript在多浏览器下for循环的使用方法
Nov 07 Javascript
Highcharts使用简例及异步动态读取数据
Dec 30 Javascript
javascript瀑布流布局实现方法详解
Feb 17 Javascript
JS实现六位字符密码输入器功能
Aug 19 Javascript
JavaScript模仿Pinterest实现图片预加载功能
Oct 25 Javascript
AngularJS中如何使用echart插件示例详解
Oct 26 Javascript
React Native 通告消息竖向轮播组件的封装
Aug 25 Javascript
详谈DOM简介及节点、属性、查找节点的方法
Nov 16 Javascript
Vue通过for循环随机生成不同的颜色或随机数的实例
Nov 09 Javascript
vue离开当前页面触发的函数代码
Sep 01 Javascript
简单聊聊TypeScript只读修饰符
Apr 06 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
总集篇&特番节目先行播出!《SAO Alicization War of Underworld》第2季度TV动画4月25日放送!
2020/03/06 日漫
php heredoc和phpwind的模板技术使用方法小结
2008/03/28 PHP
Yii2使用小技巧之通过 Composer 添加 FontAwesome 字体资源
2014/06/22 PHP
修改ThinkPHP缓存为Memcache的方法
2014/06/25 PHP
php提交过来的数据生成为txt文件
2016/04/28 PHP
php中static和const关键字用法分析
2016/12/07 PHP
Laravel 之url参数,获取路由参数的例子
2019/10/21 PHP
js弹出层包含flash 不能关闭隐藏的2种处理方法
2013/06/17 Javascript
javaScript array(数组)使用字符串作为数组下标的方法
2013/11/19 Javascript
jquery选择器需要注意的问题
2014/11/26 Javascript
node.js中的fs.fchmod方法使用说明
2014/12/16 Javascript
JavaScript使用function定义对象并调用的方法
2015/03/23 Javascript
详解ES6中的代理模式——Proxy
2018/01/08 Javascript
angularjs实现table增加tr的方法
2018/02/27 Javascript
解决Nodejs全局安装模块后找不到命令的问题
2018/05/15 NodeJs
Vue+element-ui 实现表格的分页功能示例
2018/08/18 Javascript
解决vue-cli项目开发运行时内存暴涨卡死电脑问题
2019/10/29 Javascript
Vue移动端实现图片上传及超过1M压缩上传
2019/12/23 Javascript
JS动态图片的实现方法完整示例
2020/01/13 Javascript
基于vue实现探探滑动组件功能
2020/05/29 Javascript
使用sklearn之LabelEncoder将Label标准化的方法
2018/07/11 Python
解决Mac下首次安装pycharm无project interpreter的问题
2018/10/29 Python
Django 接收Post请求数据,并保存到数据库的实现方法
2019/07/12 Python
Django框架创建项目的方法入门教程
2019/11/04 Python
Python 一行代码能实现丧心病狂的功能
2020/01/18 Python
关于Tensorflow 模型持久化详解
2020/02/12 Python
python使用paramiko实现ssh的功能详解
2020/03/06 Python
Pycharm编辑器功能之代码折叠效果的实现代码
2020/10/15 Python
TensorFlow2.0使用keras训练模型的实现
2021/02/20 Python
建房协议书
2014/04/11 职场文书
大学国际贸易专业自荐信
2014/06/05 职场文书
有子女的离婚协议书怎么写(范本)
2014/09/29 职场文书
大学生在校表现评语
2014/12/31 职场文书
分析Python list操作为什么会错误
2021/11/17 Python
使用pd.merge表连接出现多余行的问题解决
2022/06/16 Python
Win11 KB5015814遇安装失败 影响开始菜单性能解决方法
2022/07/15 数码科技