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>
输出
这将产生以下输出 −
单击按钮使标题渐隐。现在,你不能看到标题,因为它已渐隐,即从可见变为隐藏 −
广告