Best jQuery Animation Plugins & Tutorials with Demo

    Create A Tabbed Content Rotator Using jQuery

    Create A Tabbed Content Rotator Using jQuery

    This plugin will create a tabbed content rotator. You can use this plugin to show your customers some of your products or services.

    HTML5 Grayscale Image Hover with jQuery

    HTML5 Grayscale Image Hover with jQuery

    With HTML5 canvas, images can be manipulated into grayscale without having to use image editing software. Use HTML5 & jQuery to dynamically clone color images into grayscale

    Timeglider – Impressive jQuery Plugin For Data-Driven Timelines

    Timeglider – Impressive jQuery Plugin For Data-Driven Timelines

    Timeglider is a jQuery plugin for displaying any number of events in a highly-flexible timeline.

    Its interface has support for zooming in/out (mouse wheel can be used too) and panning where you can quickly navigate through the time and find events.

    Events are clickable and can display a detailed view of them inside a modal box.

    Moving Boxes Content with jQuery

    Moving Boxes Content with jQuery

    Today we will create a website template with some really sweet animations using jQuery. The idea is to have little boxes scattered around at the top of the site and when a menu item is clicked, the boxes animate to form the main content area. We will use some different animation effects that we will add as options to the menu item.

    Spritely background animation jQuery plugin

    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.

    How to create kaleidoscope using jQuery and CSS

    Today we continue CSS lessons. Let’s remember an ancient toy – a kaleidoscope, I think everyone remembers since the childhood. You reflected ever as it works? All will probably seem that simply, but is far not so. Today I will show as it is possible to make a kaleidoscope with use JS and CSS. Quite probably that the total example will work not in all browsers, but the demo will be pleasant enough to try.

    jQuery Waypoints: Scroll-Based jQuery Functions

    Creating custom functions with jQuery based on the scroll position of the page just got a whole lot easier. Today i stumbled through an interesting jQuery plugin that i am sure many of you guys will find useful. Waypoints is a small jQuery plugin that makes it easy to execute a function whenever you scroll to an element.

    Waypoints makes a solid base for modern UI patterns that depend on a user’s scroll position on the page.

    Simple Vote Using JQuery Animate

    This is a very short post and  simple idea to use JQuery animate function in voting system, I post this maybe it will useful for replacing voting system that using many images, the idea is just expanding the div element (css width property) using animate function, we just need to add the same value on the width element.

    Fly-To-Basket Effect With jQuery

    Here is the complete animated shopping cart with php , Ajax  and jQuery.

    jStackmenu with jQuery

    Here is a jQuery UI widget for Stack Menus.