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.

Related Tags for Example code of jQuery animation:

More Tutorials from this section

• jQuery - jQuery Tutorials and examples
• jQuery UI Widget : Accordion
• Creating custom animations in jQuery
• Example code of jQuery animation
• Tabs
• Use of jQuery attribute filters
• jQuery to Auto Image Scroller
• jQuery UI Widget : Autocomplete
• autogeneratetext
• autogeneratetextFixed
• Auto generate text
• Tabs
• Tabs
• jQuery Example, jQuery to Retrieve Server's Current Time, jQuery Server time
• jCarousel Examples
• Basic Filter
• Binding and unbinding events
• jQuery UI Widget : Button
• Tabs
• jQuery To callback tabs