jQuery animations

Before going through jQuery animations let have a small introduction about animation. Animations are the series of state changing transitions or events. Animations can be done in various ways. Here in jQuery animations refers to series of state changing or effects which can done continuously or can be paused in the middle. Here it is carried by using animate() function. Here we can use images or css as objects for animations.

This is a simple animation of expanding and shrinking into the actual size. Here animation is continuous. The trick involving here is that we are increasing the width and height of the picture by some amount and doing with some delay which gives gradual increase effect and then after the execution of this function again setting the width and height of the image to the original size with some delay. Thus we have our animation. In this way we can make out any animation.