jQuery hiệu ứng - phương pháp fadeIn()

Hướng dẫn hiệu ứng jQuery

Ví dụ

Sử dụng hiệu ứng mờ dần để hiển thị phần tử <p> ẩn:

$(".btn2").click(function(){
  $("p").fadeIn();
});

Thử ngay

Định nghĩa và cách sử dụng

fadeIn() phương pháp sử dụng hiệu ứng mờ dần để hiển thị phần tử được chọn, nếu phần tử đó được ẩn.

Cú pháp

$(selector).fadeIn(speed,callback)
Tham số Mô tả
speed

Tùy chọn. Định nghĩa tốc độ từ ẩn sang hiển thị của phần tử. Mặc định là "normal".

Các giá trị có thể:

  • miliseconds (ví dụ: 1500)
  • "slow"
  • "normal"
  • "fast"

Trong quá trình phần tử từ ẩn sang hiển thị khi đã thiết lập tốc độ, độ trong suốt của phần tử sẽ thay đổi dần (tạo ra hiệu ứng mờ dần).
callback

Tùy chọn. Hàm cần thực hiện sau khi hàm fadeIn hoàn thành.

Để tìm hiểu thêm về callback, vui lòng truy cập chương jQuery Callback của chúng tôi.

Không thể thiết lập tham số này trừ khi đã thiết lập tham số speed.

Lưu ý và chú thích

Lưu ý:Nếu phần tử đã được hiển thị, hiệu ứng này sẽ không có bất kỳ thay đổi nào trừ khi đã chỉ định hàm callback.

Chú ý:Hiệu ứng này áp dụng cho các phần tử được ẩn bởi jQuery hoặc được chỉ định display:none trong CSS (nhưng không áp dụng cho phần tử có visibility:hidden).

Các ví dụ khác

Sử dụng tham số speed
Sử dụng tham số speed để điều chỉnh tốc độ mờ dần hoặc mờ lên của các phần tử.

Hướng dẫn hiệu ứng jQuery