jQuery fadeIn() fadeOut()淡入淡出效果
来源:互联网 发布:中国电视剧 国外 知乎 编辑:程序博客网 时间:2024/05/16 16:08
jQuery 效果 - fadeIn() 方法
定义和用法
fadeIn() 方法使用淡入效果来显示被选元素,假如该元素是隐藏的。
语法
$(selector).fadeIn(speed,callback)
可选。规定元素从隐藏到可见的速度。默认为 "normal"。
可能的值:
- 毫秒 (比如 1500)
- "slow"
- "normal"
- "fast"
在设置速度的情况下,元素从隐藏到可见的过程中,会逐渐地改变其透明度(这样会创造淡入效果)。
callback可选。fadeIn 函数执行完之后,要执行的函数。
如需学习更多有关 callback 的内容,请访问我们的 jQuery Callback 这一章。
除非设置了 speed 参数,否则不能设置该参数。
提示和注释
提示:如果元素已经显示,则该效果不产生任何变化,除非规定了 callback 函数。
注释:该效果适用于通过 jQuery 隐藏的元素,或在 CSS 中声明 display:none 的元素(但不适用于 visibility:hidden 的元素)。
实例
使用淡入效果来显示一个隐藏的 <p> 元素:
$(".btn2").click(function(){ $("p").fadeIn();
});
jQuery 效果 - fadeOut() 方法
定义和用法
fadeOut() 方法使用淡出效果来隐藏被选元素,假如该元素是隐藏的。
语法
$(selector).fadeOut(speed,callback)
可选。规定元素从可见到隐藏的速度。默认为 "normal"。
可能的值:
- 毫秒 (比如 1500)
- "slow"
- "normal"
- "fast"
在设置速度的情况下,元素从可见到隐藏的过程中,会逐渐地改变其透明度(这样会创造淡出效果)。
callback可选。fadeOut 函数执行完之后,要执行的函数。
如需学习更多有关 callback 的内容,请访问我们的 jQuery Callback 这一章。
除非设置了 speed 参数,否则不能设置该参数。
提示和注释
提示:如果元素已经隐藏,则该效果不产生任何变化,除非规定了 callback 函数。
实例
使用淡出效果来隐藏一个 <p> 元素:
$(".btn1").click(function(){ $("p").fadeOut();
});
转自w3school
0 0
- jQuery fadeIn() fadeOut()淡入淡出效果
- jquery淡入淡出fadeIn() fadeOut()
- 【jQuery】使用fadeIn()与fadeOut()方法实现淡入淡出效果
- 淡入淡出效果javascript(fadein/fadeout)
- jquery的淡入,淡出事件 fadeIn fadeOut
- jquery的淡入,淡出事件 fadeIn fadeOut
- 原生JS实现淡入淡出效果(fadeIn/fadeOut/fadeTo)
- 原生JS实现淡入淡出效果(fadeIn/fadeOut/fadeTo)
- 原生JS实现淡入淡出效果(fadeIn/fadeOut/fadeTo)
- 原生js实现fadein 和 fadeout淡入淡出效果
- Jquery fadeOut淡出 fadeIn 淡入 fadeTo指定透明度
- Jquery中淡入淡出效果fadeIn()、fadeOut()、fadeToggle()、fadeTo()学习引发的思考----关于Jquery函数传参数
- jQuery动画效果-fadeIn fadeOut淡入浅出
- 动画效果-fadeIn fadeOut淡入浅出
- jQuery - fadeIn淡入效果
- jquery淡入淡出效果
- jQuery 效果 - 淡入淡出
- jquery 淡入淡出效果
- VM workstation 与 VM vSphere的区别
- window.location没有成功跳转
- SQL Server 创建用户时报错:15023 用户,组或角色'XXX'在当前数据库中已存在?
- plink -C -N -D 192.168.1.21:1080 fwd@proxy.bubto.com -i fwd_rsa.ppk
- linux 安装 mysql-5.7.13-linux-glibc2.5-x86_64.tar.gz
- jQuery fadeIn() fadeOut()淡入淡出效果
- [LeetCode] 104. Maximum Depth of Binary Tree
- Java概述和环境的搭建
- 【python】批量扫描IP地址80/8080端口
- MQTT协议简记
- 工具类--本地路径图片转字节
- Base64算法 编码过程和原理
- Magento调用New Arrivals 新品上架产品实例
- lucene 多路归并算法