JQuery-动画
时间:2019-10-18
本文章向大家介绍JQuery-动画,主要包括JQuery-动画使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
动画
显示隐藏
// show(delay, fn)
$('div').show(1000, function(){
// ... 动画执行完毕后的回调函数
});
$('div').hide(1000, function(){
// ...
});
// 在显示与隐藏之间切换
$('div').toggle(1000, function(){
// ...
});
淡入淡出
// fadeIn(delay, fn)
$('div').fadeIn(1000, function(){
// ... 动画执行完毕后的回调函数
});
$('div').fadeOut(1000, function(){
// ...
});
$('div').fadeToggle(1000, function(){
// ...
});
展开收起
// slideDown(delay, fn)
$('div').slideDown(1000, function(){
// ... 动画执行完毕后的回调函数
});
$('div').slideUp(1000, function(){
// ...
})
$('div').slideToggle(1000, function(){
// ...
});
stop / delay
stop
// stop可以进行停止相关动画的操作 // stop可以接受连个Boolean类型的参数,默认两个参数值都为false // 第一个参数用于指定 是否停止所有后续动画,第二个参数用于指定 是否立即完成当前动画 // 建议在执行动画前先执行stop $('.btn').click(function(){ $('div').stop().slideToggle(1000); });
delay
// delay用于告诉系统动画的执行延迟时间 $('.btn').click(function(){ $('div').slideToggle(1000).delay(1000).slideToggle(1000); });
原文地址:https://www.cnblogs.com/luwenfeng/p/11700414.html
- [数据清洗]-Pandas 清洗“脏”数据(一)
- [数据清洗]-混乱的邮编数据
- 10行代码,Python实现爬取淘宝/天猫评论
- 4.请求安全-- 结合使用的安全优势总结
- TensorFlow强化学习入门(4)——深度Q网络(DQN)及其扩展
- 3.请求安全-- 如何验证请求的唯一性
- 2.请求安全-- MD5的必要性以及实际应用场景
- 1.请求安全-- 一个简单的 单设备登录 单点登录
- phalapi-进阶篇3(自动加载和拦截器)
- phalapi-进阶篇2(DI依赖注入和单例模式)
- 基于PhalApi的DB集群拓展 V0.1bate
- phalapi-进阶篇1(Api,Domain,和Model)
- 你不知道的Javascript:有趣的setTimeout
- phalapi-入门篇5(数据库操作和Model层)
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- jQuery 选择器
- jQuery 介绍 以及基本使用
- 答应我,用了这个jupyter插件,别再重复造轮子了
- 商业数据分析从入门到入职(9)Python网络数据获取
- 谈一谈还原解包后小程序页面wxss样式的若干方法
- 什么?不使用selenium爬京东评论?你是不是在骗我
- 骚操作,Python操作PPT,你会吗?
- 用了这个jupyter插件,我已经半个月没打开过excel了
- Mística:一款支持任意协议的应用程序通信工具
- 为什么阿里巴巴禁止使用BigDecimal的equals方法做等值比较?
- 原创 | codefroces中的病毒,这题有很深的trick,你能解开吗?
- 原创 | git的远程分支是干啥的,和本地的有什么区别?
- 京东技术主导:全新架构的分布式事务Hmily 2.1.1发布
- iOS音视频接入-TRTC接入前期key、秘钥等准备
- 你一定不知道的 Linux 使用技巧