Phương thức fadeIn () trong jQuery được sử dụng để thay đổi độ mờ của các phần tử đã chọn, từ ẩn sang hiển thị.
Cú pháp
Cú pháp như sau -
$(selector).fadeIn(speed,easing,callback)
Ví dụ
Ở trên, tốc độ là tốc độ của hiệu ứng mờ dần. Sự nới lỏng có thể là xoay hoặc tuyến tính đối với tốc độ tại các điểm hoạt ảnh khác nhau. Gọi lại là hàm sẽ được thực thi sau khi phương thức kết thúc.
Bây giờ chúng ta hãy xem một ví dụ để triển khai phương thức jQuery fadeIn () -
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(".btnout").click(function(){
$("div").fadeOut();
});
$(".btnin").click(function(){
$("div").fadeIn();
});
});
</script>
</head>
<body>
<h2>Java</h2>
<div>
<p>Java released in 1994. The current version is Java 13.</p>
</div>
<button class="btnout">Fade out</button>
<button class="btnin">Fade in</button>
<p>Click on above buttons to fade out and fade in text.</p>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Nhấp vào nút "Làm mờ" ở trên để làm mờ văn bản -
Nhấp vào nút “Làm mờ” ở trên ngay bây giờ để làm mờ (hiển thị) văn bản:
