jQuery Effects - Animation Example

Hello Developers

In this jquery effects series tutorial i will discuss about jquery animation. If you don't know how to work with jQuery animation then this tutorial is for you.

The jQuery animate() method is used to create custom animations. 

Syntax

Example
$(selector).animate({params},speed,callback);

 

The required params parameter defines the which CSS properties to be animated.

The optional speed parameter specifies that the duration of the effect. It can take the following attributes: "slow", "fast", or milliseconds.

The optional callback parameter is a function to be executed after the animation operated.

The following example demonstrates a simple use of the animate() method; it moves a

element to the right, until it has reached a left property of 250px:

Example

$("button").click(function(){
  $("div").animate({left: '250px'});
}); 

 

Read also : jQuery Effects - Sliding Example

Hope it can help you.