Net-informations.com
SiteMap  | About    

jQuery Animation Effects



The jQuery animate() method provides you a way to create custom animations. It is a wrapper method, meaning that it operates on a set of previously selected DOM elements , wrapped by jQuery. This method allows you to apply your own custom animation effects to the elements in the set. This method can be used in various ways, accepting unlimited parameters which specify what CSS properties should be affected, as well as duration and a callback function .

Syntax

  1. parameters: CSS properties to be animated.

  2. speed: Duration of the effect (optional).

  3. callback: function which is executed after the animation completes.

It is important to note that, by default, all HTML elements have a static position, and cannot be moved. To manipulate the position, remember to first set the CSS position property of the element to relative, fixed, or absolute.

run this source code Try it Yourself
jQuery Animation






Full Source

jQuery animate() using multiple properties

run this source code Try it Yourself
jQuery Animation






Full Source

jQuery animate() using Relative Values

run this source code Try it Yourself
jQuery Animation








Full Source









net-informations.com (C) 2018    Founded by raps mk
All Rights Reserved. All other trademarks are property of their respective owners.