Share on Google+Share on Google+

Example code of jQuery animation

This page discusses - Example code of jQuery animation

Example code of jQuery animation


Example code of jQuery animation

The jQuery is very powerful framework. It provides a many animation effects that can be used to enhance the website look and feel.

The animation API of jQuery framework can be used to create different types of animation on the web page. Here are the list of animations supported by jQuery framework:

  • Fade effect
  • Zoom effect
  • Slide out effect
  • Mouse over effect
  • Drag and drop
  • Slider gallery
  • Moving Boxes Carousel with jQuery effect
  • 1 Zoom tab
  • Animate with hover

jQuery supports many any many more effects also.

Given below link contain the example code for custom animation with live demos :

The animation of image using the 'animate' effect of jQuery

Moving Div by button click using animate effect

Animating 'Div' blocks with different effects simultaneously

Learn from experts! Attend jQuery Training classes.



Posted on: April 18, 2011 If you enjoyed this post then why not add us on Google+? Add us to your Circles

Share this Tutorial Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.

Discuss: Example code of jQuery animation  

Post your Comment

Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image