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.com/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>

输出

这将产生以下输出 −

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

更新于:31-12-2019

189 浏览

开启你的 职业生涯

通过完成课程获得认证

开始
广告