首页 > 其他分享> > jQuery 效果 - 淡出

jQuery 效果 - 淡出

2021-12-09 11:03:58 作者：互联网

jQuery fadeOut() 方法

语法：

$(selector).fadeOut(speed,callback);

可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。

可选的 callback 参数是 fading 完成后所执行的函数名称。

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("#div1").fadeOut();
    $("#div2").fadeOut("slow");
    $("#div3").fadeOut(3000);
  });
});
</script>
</head>

<body>
<p>三带有不同参数的 fadeOut() 方法。</p>
<button>点击</button>
<br><br>
<div id="div1" style="width:80px;height:80px;background-color:red;"></div>
<br>
<div id="div2" style="width:80px;height:80px;background-color:green;"></div>
<br>
<div id="div3" style="width:80px;height:80px;background-color:blue;"></div>
</body>

</html>

标签：jQuery,function,slow,效果,fadeOut,callback,淡出,speed
来源： https://www.cnblogs.com/mmxz/p/15666089.html