Best jQuery Animation Plugins & Tutorials with Demo

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.

Create a Yoyo with jQuery and CSS3

Here you can learn how to create your own yoyo with the help of CSS3 and jQuery.A beautiful, animated, spinning yoyo that slides down like a real yoyo would? I know I have never even thought of it and I probably would never have the need for it either, however it is very useful to learn (If you don’t already know) how one would go about creating a yoyo so you could use the techniques for other things. View the demo in Safari/Chrome and take full advantage of the CSS3.

Europe, CSS & jQuery clickable map

CSS converts a simple list of countries into the fully clickable map. Works with disabled style sheets and JavaScript, as well as on mobile devices. A simple code does not require Flash Player or other plug-ins!

MobilyBlocks

MobilyBlocks plugin allows you to simply create an unordered list as an impressive and stylish animated circle.

jQuery plugin: jQueryRotate

This is an final product of a Wilq32.PhotoEffect Snippet (browse blog to get more information). Actually you can use this simple and tiny script to rotate images (any angle) directly on client side (for ex. user generated content), and animate them using own functions.

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.