Best jQuery Animation Plugins & Tutorials with Demo

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…

Nivo slider : jQuery Image Slider Plugin

Nivo Slider in jQuery

Nivo slider is a image slider with

  • 11 unique transition effects
  • Simple clean & valid markup
  • Loads of settings to tweak
  • Built in directional and control navigation….

Rocking and Rolling Rounded Menu with jQuery

Rocking and Rolling Rounded Menu with jQuery

In this tutorial we are going to make use of the incredibly awesome rotating and scaling jQuery patch from Zachary Johnson that can be found here. We will create a menu with little icons that will rotate when hovering. Also, we will make the menu item expand and reveal some menu content, like links or a search box.

Day and Night: Creating a Scenery Animation with jQuery and CSS

Day and Night: Creating a Scenery Animation with jQuery and CSS

In today’s tutorial I am going to show you, how to create an amazing animated scenery with just a few lines of jQuery and some absolute positioned elements with images.

See the demo link below and check out the result. The animation takes around 30 seconds, so sit back and enjoy it!

Easy Display Switch with CSS and jQuery

Easy Display Switch with CSS and jQuery

Today, I would like to go over a quick and simple way to allow your users to switch page layouts by using CSS and jQuery.Today’s web users expect web pages to be increasingly more interactive. To this end, the ability to change page layouts provides your users with a more immersive experience and allows them to consume information more easily, either with a quick gallery view, or a detailed summary view.

Overlay-like Effect with jQuery

Today we will create a slick overlay effect with jQuery that does not use an overlay. The idea is to change the opacity or the color of certain elements in order to make it look like as if we are covering the content with an overlay. This allows to focus certain elements in a web page while making others appear less prominent.

jQuery Roundrr – How To Create Circular Image Galleries With jQuery

How To Create Circular Image Galleries With jQuery

I’m going to introduce you to some of the concepts involved in getting the coordinates we need to plot our image galleries around a shape and in part 2 I’ll introduce you to jQuery Roundrr plugin I wrote that will allow you to easily create interactive event-based galleries using jQuery and a little CSS.



Best jQuery websites design awards