Phương thức jQuery fadeIn ()

❮ Phương thức hiệu ứng jQuery

Thí dụ

Làm mờ tất cả các phần tử <p>:

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

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

Phương thức fadeIn () dần dần thay đổi độ mờ đối với các phần tử đã chọn, từ ẩn sang hiển thị (hiệu ứng mờ dần).

Lưu ý : Các phần tử ẩn sẽ hoàn toàn không được hiển thị (không còn ảnh hưởng đến bố cục của trang).

Mẹo: Phương thức này thường được sử dụng cùng với phương thức fadeOut () .

Cú pháp

$(selector).fadeIn(speed,easing,callback)

Parameter Description
speed Optional. Specifies the speed of the fading effect. Default value is 400 milliseconds

Possible values:

  • milliseconds
  • "slow"
  • "fast"
easing Optional. Specifies the speed of the element in different points of the animation. Default value is "swing"

Possible values:

  • "swing" - moves slower at the beginning/end, but faster in the middle
  • "linear" - moves in a constant speed
Tip: More easing functions are available in external plugins
callback Optional. A function to be executed after the fadeIn() method is completed

To learn more about callback, visit our jQuery Callback chapter


Hãy tự mình thử - Ví dụ


Cách sử dụng tham số tốc độ để chỉ định tốc độ của hiệu ứng phai màu.


Cách sử dụng tham số gọi lại khi mờ dần vào và ra một phần tử.


❮ Phương thức hiệu ứng jQuery