This jquery plugin gives you a nifty effect that mimics a lava lamp. As you move your mouse the background state moves on the fly to track the link in focus. This plugin can add a nice dynamic element to any site. Another great feature of this plugin is that it is extremely light weight at only 700kb.
The jquery Accordian Slider is an excellent way to showcase only needed information and hide the rest while still keeping your content readily available on the page. It is an excellent solution to a number of problems such as Q and A’s, definition lists, and Menus with large submenus. The Apple website uses a form of this for their Mac Slider Menu to showcase things such as the top downloads.
Jquery Tabs are most often used to break content sections apart and quickly jump from one section to another saving you some real-estate on your site, much like an accordion Slider above. By default a tab will switch between tabbed sections onClick, but can be switched to trigger onHover through specifiable options. You can load content through Ajax by setting an href on a tab.
jCarousel is a nice looking jquery plugin for scrolling static HTML content, or if you choose, dynamic content using Ajax. The javascript Carousel can scroll content both horizontally or vertically with or without animation. An excellent and eye catching way to showcase pictures, movie posters, cd cases or whatever you want to use it for!
JQZoom is a plugin for the javascript library used to magnify images. This plugin is very popular in the ecommerce world used by many large retailers for magnifying merchandise before buying. It is often used by stock photography sites as well to prevent theft of images. jQzoom is a great and a really easy to use script to magnify whatever you’ld like.
The beauty of the Lightbox plugin is its ability to load the images right on top of your current page unobtrusively. You don’t have to leave the page which in the mind of the user is less confusing and much easier to use. The lightbox plugin comes in a variety of configurations to meet your specific needs.
The Jquery Date picker is a small compact calendar popup used to select a date quickly and easily. It is often used in web applications to efficiently input dates into your web forms. It’s very flexible and extensible, the date picker can be used in unlimited ways to allow you to add calendar widgets to your pages.
Who doesn’t like rounded corners? CSS3 will have border-radius support in full but until that is widely used by all browsers there needs to be a cross platform solution. This jquery solution Is excellent and highly supported.
If you’ve ever used and IPod you know that their menus are quite compact and very useful. This is an excellent jquery script that allows you to mimic the same style in your website. It's especially helpful when organizing large data structures that don't work well with dropdown or fly-out menus.
This jQuery content slider uses tabs to traverse through pages of content. Separate class for each tab. Tabs are customizable to work with images using the following tutorial
A nice content slider that zooms in and out based upon the content in focus.
This is an alteration based on the jQuery “Coda Slider” plugin. Each “slide” can be any kind of html content whatsoever, or be a full-size image with an overlay. Each slide also has a unique thumbnail which can be clicked to go to the corresponding slide, with an arrow above it to indicate the active panel. And… its auto-playing!
SimpleModal jQuery plugin is a lightweight plugin that creates a basic interface to provide a modal dialog. The plugin gives developers a cross-browser overlay and a container that will contain data provided to SimpleModal, similar to the way lightbox works. http://www.ericmmartin.com/projects/simplemodal-demos/
Simple Controls Image Gallery is an automatic slideshow that can be played or paused by the user. Simple Controls Gallery rotates and displays an image using a nice cross fade, with navigation controls that pop up when the mouse rolls over the Gallery. You can also add captions if desired.
A creative non flash based dynamic style of navigation that mimics a flash effect. Very useful and compact. It allows users to select elements on pages using CSS-like syntax that most are already familiar with.
Using jQuery and a plugin to help with animating background /examples/images, a sliding "Garage Door" style menu can be made. The UL provides the “background”, the list items provide the “shutters” and the links themselves are the "windows".
Using a small bit of javascript, you can create buttons which can switch between alternate stylesheets you have declared in your head section. You could do something as subtle and useful as bumping up the font-size, or do full-blown changes in layout and style. Careful though, rules from the original stylesheet will still apply, so if you don’t implicitly re-declare every selector and attribute, you can get some holdouts.
It is a jQuery plugin that is used to turn a standard HTML table with TBODY and THEAD tags into a table which is sortable without resorting to page refreshes. This jQuery plugin can effectively sort and parse multiple data including data in a cell that are linked.
Nifty Javascript tool that can delay the loading of images below the fold on long pages. It loads images only when the page is scrolled down to that particular point.
This script equalizes the height of boxes within the same container. If you had 4 columns floated left, it would make all four columns the height of the largest column. A nice way to avoid having to put an absolute height in your css file.
