jquery实现淡入淡出
fade方法包括四个:
(1)fadeIn(speed,callback):淡入的方法,speed代表淡入的速度,可以是slow,fast,毫秒,不填等
例如:
$(document).ready(function(){
$("button").click(function(){
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);
});
});
(2)fadeOut(speed,callback)方法:淡出的方法,参数的意义如上。
例如:
$(document).ready(function(){
$("button").click(function(){
$("#div1").fadeOut();
$("#div2").fadeOut("slow");
$("#div3").fadeOut(3000);
});
});
(3)fadeToggle(speed,callback)方法:可以同时切换淡入淡出。
例如:
$(document).ready(function(){
$("button").click(function(){
$("#div1").fadeToggle();
$("#div2").fadeToggle("slow");
$("#div3").fadeToggle(3000);
});
});
(4)fadeTo(speed,opacity,callback)方法:允许渐变为给定的不透明度(值介于 0 与 1 之间),相当于不是淡入或者淡出完全不见,而是淡出到一个程度,有了一个透明度。
例如:
$("button").click(function(){
$("#div1").fadeTo("slow",0.15);
$("#div2").fadeTo("slow",0.4);
$("#div3").fadeTo("slow",0.7);
});
最新文章
- centos下MYSQL 没有ROOT用户的解决方法。
- GO语言的开源库
- web api 初体验之 GET和POST传参
- python线程池(threadpool)模块使用笔记
- AngularJs ngReadonly、ngSelected、ngDisabled
- 选出N个不重复的随机数
- 读书笔记——Windows环境下32位汇编语言程序设计(3)一些基础知识
- js格式化数字 金额按千位逗号分隔
- for update被锁定解锁
- 转:seajs的spm使用摸索
- SRBF Lighting
- SpringBoot 整合 Redis缓存
- 简单几步即可判断Linux系统有无被DDOS攻击的方法
- requests:json请求中中文乱码处理
- ALGO-22_蓝桥杯_算法训练_数的划分(DP)
- android 框架层 常用类介绍
- Java 检查异常(checked exception)和未检查异常(unchecked exception)区别理解
- UNIX和类UNIX操作系统
- 在IIS7中应用Application Request Routing配置反向代理
- Java获取yahoo天气预报
热门文章
- 数据结构与算法(1)支线任务8——Find Median from Data Stream
- Codeforces 732e [贪心][stl乱搞]
- JavaScript的toString()和valueof()方法
- mave web常用配置文件参数
- Linux JDK 安装及卸载 http://www.cnblogs.com/benio/archive/2010/09/14/1825909.html
- 来自 Thoughtram 的 Angular 2 系列资料
- poj1113
- MySQL 基础语句
- 答:SQLServer DBA 三十问之六:Job信息我们可以通过哪些表获取;系统正在运行的语句可以通过哪些视图获取;如何获取某个T-SQL语句的IO、Time等信息;
- webpack 入门