jQZoom is a javascript image magnifier built at the top of the popular jQuery javascript framework. jQzoom is a great and a really easy to use script to magnify what you want.

JQZoom Evoution has nice examples for magnifying images like Reverse Zoom, Zoom without lens and many more…

Compatibility: Works on all modern browsers

Website: http://www.mind-projects.it/projects/jqzoom/

Download Code

Flexigrid for jQuery - Lightweight but rich data grid with resizable columns and a scrolling data to match the headers, plus an ability to connect to an xml based data source using Ajax to load the content.

Similar in concept with the Ext Grid only its pure jQuery love, which makes it light weight and follows the jQuery mantra of running with the least amount of configuration.

Features:

• Resizable columns
• Resizable height and width
• Sortable column headers
• Cool theme
• Can convert an ordinary table
• Ability to connect to an ajax data source (XML and JSON [new])
• Paging
• Show/hide columns
• Toolbar (new)
• Search (new)
• Accessible API and many more…

Website: http://www.flexigrid.info

Download: http://code.google.com/p/flexigrid

Drop Shadow jQuery plugin – a great jQuery plugin to add soft drop shadows. Check out all the options you have like: distance and direction to offset the shadow, the shadow spread or dispersion, opacity, shadow color, and more.

The shadows it creates are not bound to the original elements, so they won’t move or change size automatically if the original elements change.

Requirement: http://jquery.com

Website: http://eyebulb.com/dropshadow

This plug-in was inspired by the extJS border-layout, and recreates that functionality as a jQuery plug-in. The UI.Layout plug-in can create any UI look you want – from simple headers or sidebars, to a complex application with toolbars, menus, help-panels, status bars, sub-forms, etc.

Combined it with other jQuery UI widgets to create a sophisticated application. There are no limitations or issues – this widget is ready for production use.

Some Features:

• Simple to use
• Total CSS control
• Collapsable
• Unlimited layout capabilities
• Hotkeys
• Compatible with UI widgets

Requirements: jQuery Framework

Website: http://layout.jquery-dev.net/

Demo: http://layout.jquery-dev.net/demos.html

Download: http://layout.jquery-dev.net/downloads.html

The jQuery Cycle Plugin is a lightweight slideshow plugin. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and many transition effects. It also supports, but does not require, the Metadata Plugin and the Easing Plugin.

The plugin provides a method called cycle which is invoked on a container element. Each child element of the container becomes a “slide”. Options control how and when the slides are transitioned.

You can use images, text, video and all kind of media with this.

Website: http://malsup.com/jquery/cycle/

Superfish is an enhanced Suckerfish-style menu jQuery plugin that takes an existing pure CSS drop-down menu. The menu has different orientation and style like you can have horizontal menu, vertica menul, tab based navigation and dropdown structure.

Some Highlights:

• Timed delay on mouseout
• Animation of sub-menu reveal
• Keyboard accessibility
• Supports the hoverIntent plugin
• Indicates the presence of sub-menus
• Drop shadows
• Shows the path to your current page
• Optional callback functions
• Hover support for IE6

You can enhance Superfish menu by using following plugins:

• hoverIntent plugin by Brian Cherne
• bgIframe plugin by Brandon Aaron

Requirements: jQuery v1.2+

Website: http://users.tpg.com.au/j_birch/plugins/superfish/

Jeditable is a jQuery plugin to make changes in the browser right away. Just hit the right nerve and you are done!

Normal flow is this, User clicks text on web page… Block of text becomes a form. User edits contents and presses submit button… New text is sent to webserver and saved… Form becomes normal text again.

Website: http://www.appelsiini.net/projects/jeditable

Demo: http://www.appelsiini.net/projects/jeditable/default.html

The jQuery BlockUI Plugin lets you simulate synchronous behavior when using AJAX, without locking the browser. When activated, it will prevent user activity with the page (or part of the page) until it is deactivated. BlockUI adds elements to the DOM to give it both the appearance and behavior of blocking user interaction.

Website: http://malsup.com/jquery/block

Demo: http://malsup.com/jquery/block/#demos

This plugin wraps the jQuery UI datepicker into an interactive component specifically designed for choosing date ranges.

Features and Updates:

Uses jQuery UI 1.6rc4:

The range picker now uses the latest version of jQuery UI’s datepicker, and allows passing of native datepicker options.

Date.js Integration:

We’ve integrated the fantastic date.js library to allow for easy preset development.

Optional Range Advancing Arrows:

Optional forward and back arrows allow a user to jump forward and backward by range duration.

jQuery UI CSS Framework-Driven:

Our range picker uses jQuery UI CSS Framework classes, making it ThemeRoller-Ready.

This plugin requires jQuery and jQuery UI Datepicker. It also uses the jQuery UI CSS Framework as well as one additional custom CSS file. All these can be downloaded from the official site, Checkout the demo below.

Website: http://www.filamentgroup.com/

Demo: Check out this faboulous Date Range Picker

A very nice and easy tabbed navigation script with jQuery.

Website: http://trevordavis.net/blog/tutorial/jquery-tabbed-navigation/

Demo: http://trevordavis.net/play/javascript-tabbed-navigation/