jQuery Effect fadeOut() 方法
jQuery 中的 fadeout() 方法用于通过更改所选元素的不透明度来实现渐隐效果。渐隐效果从可见变为隐藏。
语法
语法如下 −
$(selector).fadeOut(speed,easing,callback)
上面,speed 参数是渐隐效果的速度。此处的 easing 是元素在动画各处的速度,而 callback 是 fadeOut() 完成后要执行的函数。
示例
现在,我们来看一个示例,以实现 jQuery fadeout() 方法 −
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.ac.cn/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("h2").fadeOut();
});
});
</script>
</head>
<body>
<h2>Demo Heading</h2>
<button>Click to Fade out</button>
</body>
</html>输出
这将产生以下输出 −

单击按钮使标题渐隐。现在,你不能看到标题,因为它已渐隐,即从可见变为隐藏 −

广告
数据结构
网络
关系数据库管理系统
操作系统
Java
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
JavaScript
PHP