animate() trong jQuery



Miêu tả

Phương thức animate() trong jQuery thực hiện một hiệu ứng custom của một tập các thuộc tính CSS.

Cú pháp

Sau đây là cú pháp cho animate() trong jQuery:

selector.animate( params, [duration, easing, callback] );

Tham số

Dưới đây miêu tả chi tiết về các tham số được sử dụng trong phương thức animate() trong jQuery:

  • params − Một map các thuộc tính CSS mà hiệu ứng sẽ di chuyển theo nó.

  • duration − Đây là tham số tùy ý biểu diễn hiệu ứng sẽ chạy bao lâu.

  • easing − Đây là tham số tùy ý biểu diễn hàm easing nào được sử dụng để chuyển tiếp

  • callback − Đây là tham số tùy ý biểu diễn một hàm để gọi một khi hiệu ứng hoàn thành.

Ví dụ

Sau đây là ví dụ đơn giản minh họa cách sử dụng của phương thức animate() trong jQuery:


   
      The jQuery Example
      
		
      
		
      
		
   
	
   

      

Click on any of the buttons

Hello

Nó sẽ cho kết quả:

Các bài học jQuery khác tại VietJack:


hieu_ung_trong_jquery.jsp