Phương thức fadeOut() truyền 1 tham số trong JQuery

Phương thức fadeOut() truyền 1 tham số trong JQuery

Phương thức fadeOut() truyền 1 tham số trong JQuery

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Phương thức fadeOut() truyền 1 tham số trong JQuery</title>
</head>
<body>

<h1>Phương thức fadeOut() truyền 1 tham số trong JQuery</h1>
<p>Tham số truyền vào có thể là số giây hoặc (slow là chậm với 600ms) hoặc (fast là nhanh với 200ms), mặc định là 400ms:</p>

<!--Mờ dần 600ms rồi Ẩn phần tử HTML có id là anslow-->
<p id="anslow">Nội dung được ẩn fadeOut("slow")</p>
<button id="nutanslow">ẨN SLOW</button>
<p>Click ẨN SLOW để Mờ dần 600ms rồi Ẩn phần tử HTML có id là anslow</p>

<!--Mờ dần 200ms rồi Ẩn phần tử HTML có id là anfast-->
<p id="anfast">Nội dung được ẩn fadeOut("fast")</p>
<button id="nutanfast">ẨN FAST</button>
<p>Click ẨN FAST để Mờ dần 200ms rồi Ẩn phần tử HTML có id là anfast</p>

<!--Mờ dần 3 giây(3000) rồi Ẩn phần tử HTML có id là antime-->
<p id="antime">Nội dung được Mờ dần 3 giây(3000) rồi Ẩn</p>
<button id="nutantime">ẨN 3 GIÂY</button>
<p>Click ẨN 3 GIÂY để Mờ dần 3 giây(3000) rồi Ẩn phần tử HTML có id là antime</p>
<script src="https://webmoi.vn/media/js/jquery-2.2.1.js"></script>
<script>
// Mờ dần 600ms rồi Ẩn phần tử HTML có id là anslow
$("#nutanslow").click(function(e) {
  $("#anslow").fadeOut("slow");		
});

// Mờ dần 200ms rồi Ẩn phần tử HTML có id là anfast
$("#nutanfast").click(function(e) {
  $("#anfast").fadeOut("fast");		
});

// Mờ dần 3 giây(3000) rồi Ẩn phần tử HTML có id là antime
$("#nutantime").click(function(e) {
  $("#antime").fadeOut(3000);		
});
</script>
</body>
</html>
Phương thức fadeOut() truyền 1 tham số trong JQuery nằm trong bài viết Phương thức fadeOut() trong JQuery