Best jQuery Animation Plugins & Tutorials with Demo

    jQuery Banner Rotator

    This is a jQuery banner rotator plugin featuring multiple transitions. The thumbnails and buttons allow for easy navigation of your banners/ads. The banner rotator is also re-sizable and configurable through the plugin’s parameters.

    jQuery Scroller

    With jQuery Scroller you can create easily smart scrolling text, news ticker, or image animations with few lines of code in jQuery!

    Some Features:

    • Velocity, horizontal or vertical direction, starting/ending points, finite or infinite loops, move type (‘linear’ or ‘ping pong’)
    • Configure mouseover/mouseout events or control programmatically scrolling functions from an external element
    • Play, pause, resume scrolling animations or set a custom pointer.

    Blast Slider – jQuery Photo Slider

    Blast Slider is a jQuery plugin to create sliders, carousels, rotators with crazy animation effect – slide explodes into particles and then collapses to a new slide!

    Creating an Animated e-cards using jParallax

    During browsing web I came across a very interesting plugin – jParallax, and suddenly remembered that soon the international women’s day, and decided that today will do something nice for our women. Our today’s article will be about how to create a nice e-card using our favorite library jQuery with own hands.

    Quicksand filtering items jQuery plugin

    Quicksand is a jQuery plugin is very functional for reordering and / or filtering items by dragging a good animation. All you need do is provide two sets of items. You can do this in several ways:

    * Using basic HTML, such as an unordered list
    * Downloading data with Ajax calls
    * HTML items to change with JavaScript

    Nautilus animated letters jQuery Plugin

    Nautilus is a jQuery plug-in based on Google’s Doodle honoring Jules Verne (it was released on February 8, 2011). The letters of Google looked like hatches that allowed to see “under the sea”, and on the side there was a small controller to move the Nautilus.

    Animated fullscreen background image slideshow with jQuery

    Animated fullscreen background image slideshow with jQuery

    With the help of some small HTML, nifty CSS and loads of jQuery, we’re able to create an animated fullscreen background image slideshow. Read the rest of this article to learn how it’s built.You can easily change the script by changing some variables. It also features image preloading and keyboard navigation (try pressing the numeric keys). The background images have a width of 2000px, just to cover most of the currently used screen resolutions.

    Contextual Slideout Tips With jQuery & CSS3

    Contextual Slideout Tips With jQuery & CSS3

    In this tutorial you will learn how to build contextual slideouts with jQuery and CSS3. The slideouts are ideal for presenting only the highlights of a product, with the details neatly hidden away. You can easily incorporate images, videos, or other rich multimedia content.

    JQuery Animated Table Sort – REGEXP Friendly

    JQuery Animated Table Sort – REGEXP Friendly

    This plugin allows you to animatedly sort a table based on a particular column. It also supports sorting on REGEXP matches. You can also control whether row relationships are maintained, whether it sorts on ASCII or numeric and ascending or descending.

    Coin Slider jQuery Image Slider with Unique Effects

    COIN SLIDER jQuery Image Slider with Unique Effects

    COIN SLIDER jQuery Image Slider with Unique Effects

    • Unique transition effects
    • Compatible with Internet Explorer 6+, Firefox 2+, Safari 2+, Google Chrome 3+, Opera 9+
    • Valid markup
    • Flexible configuration
    • Auto slide
    • Navigation box
    • Linking images…