7 Cool effects using jQuery/MooTools which were possible only in Flash so far…

Ajax frameworks have come a long way which are feature packed to simulate the power of a desktop app & also produce flashy animation effects. Find below is the list of 7 sleek effects created using Ajax frameworks [jQuery / MooTools / Prototype] which were so far possible only using flash.

#1. Amazing Sprite Animation using jQuery

“jQuery.spritely is a jQuery plugin created by Artlogic for creating dynamic character and background animation in pure HTML and JavaScript. It’s a simple, light-weight plugin with a few simple methods for creating animated sprites such as the birds you see on this page, and dynamic scrolling backgrounds.

You can use it on any html web page, and any part of the page can interact with a sprite (click anywhere on this page and wait and you’ll see what we mean).” Amazing Plugin…

Sprite Animation using jQuery

Resource: Sample | Tutorial

#2. Curtain opener animation using jQuery

Add a jazzy curtain opener animation for your website. Use this animation as an intro for your website or product.

Curtain opener using jQuery

Resource: Sample | Tutorial

#3. Animate Image Filling Up Using jQuery

Create a animated image filler effect using jQuery. Check out the demo to realize the animation…

Image filler using jQuery

Resource: Sample | Tutorial

#4. Create a animated postcard using jQuery

jQuery has animation effects which can rival Flash & this script is an exact example to prove it. Using this script create an animated postcard using jQuery.

Animated postcard using jQuery

Resource: Sample | Tutorial

#5. Scrollable Timeline: Horizontal scroll effect – jQuery

Create an awesome horizontal scroll effect using the overflow and scrollLeft DOM property & jQuery. This effect is similar to the social timeline display on plurk search. Interesting & useful plugin.

Horizontal Scroll Effect using jQuery

Resource: Sample | Tutorial

#6. Create Bezier curve path using jQuery

This jQuery plugin provides a method of multidimensional animation, and in particular provides a method for animating along bezier curves and arcs. Awesome plugin which can be extended to make animations which so far could only be done using Flash.

Bezier Curve animation using jQuery

Resource: Sample | Tutorial

#7. Add Text/Color/Scroll animation to your content using jQuery

Use this script to create simple text/color/scroll effects to your website content using jQuery.

Animation using jQuery

Resource: Sample | Tutorial

Related posts:

1. Create a animated postcard using jQuery
2. Add Text/Color/Scroll animation to your content using jQuery
3. Sexy Opacity Animation – MooTools/jQuery Plugin
4. Smooth image transition on menu rollover using MooTools
5. Amazing Sprite animation using jQuery