Best jQuery Plugins - February 2011

13年前

3D Gallery View

3D Gallery View is an image gallery based on jQuery. This one permits to animate a series of images in the space using a really short code. With a characteristic 3D effect this plugin makes a nice system to share your shots.

Try out a demo

ImageCloud

ImageCloud is a jQuery plug-in based on Google's Doodle designed for the Christmas holidays on 2010. "Basically" it was a bunch of frames with images that, when you mouse over, grow to their real size.

Try out a demo

JQuery Accordion Gallery

JQuery Accordion Gallery plugin displays images in an accordion layout. You can navigate through the images by rolling over them or by click (depend on configuration). The accordion can display multiple sets of images. Just click on the next or back arrow to view a new set. Each image has a title and description. The JQuery Accordion Gallery is fully customizable.

Try out a demo

TinySlider

Simple jQuery slider to animate images as slider from right to left inside selector.

Try out a demo

3D Waterwheel Image Carousel

This carousel will take a list of any number of images and rotate them out in either a vertical or horizontal fashion, cascading in with a nice simulated 3D effect. Currently only works with images that are the same dimensions. Many options to customize how it operates and looks. View my website for demonstrations and more.

Try out a demo

Simple Fade SlideShow

The Simple Fade SlideShow is a very simple and easy to use fade image slideshow. It is very flexible in the structure and you can use it for image or content transition.

Try out a demo

ToggleSlide

In jQuery, working with select box required some additional knowledge and interaction with jQuery. You may have some problem manipulating select box during your web development on jQuery. In this plugins you can solve this without any additional plugin to kill efficiency.

Aga (Accordion Gallery)

Aga is a simple, easy to use and full customizable accordion plugin. It can be used horizontal (left, right) and vertical (top, bottom).

Try out a demo

Easy Expand jQuery

SUMMARY: Easily and quickly create multiple expandable / collapsable regions on the same page. Each easy expand element will look like an accordion but but with more options. Unlike an accordion you'll be able to open as many easy expand elements as you want at one time. Alternatively, you may close them all at the same time if you wish. You can preset each individual easy expand element to appear open or close at page load.

Try out a demo

ie6no - JavaScript warning popup for IE6

IE6NO jQuery plugin - is a little script that displays a warning popup for Internet Explorer 6.

Try out a demo

JQuery Terminal Emulator

JQuery Terminal Emulator is a plugin for creating command line interpreters for your applications. It can automatically call JSON-RPC service when user type commands or you can provide you own function in which you can parse user command. it's ideal if you want to provide additional functionality for power users.

Try out a demo

Magic jQuery

The magic Jquery plugin (project page : http://www.jquery-css.com ) is an easy to use, flexible & optimized plugin for web Layout management & User Interaction Management.

Try out a demo

numpadDecSeparator

With this jQuery plugin you can configure what character to use for the numpad (numeric keypad) decimal separator. This plugin is tested with QUnit and jsTestDriver.

Try out a demo

RapidEdit

The RapidEdit plugin makes it possible to edit any content on your website without reloading the page even once. The plugin provides a simple edit-link on elements marked with the class 'editable' (this is the default class, can be changed) which replace the content of the element with a textarea, where the content can be edited, when clicked. To make the plugin as customizable as possible, loads of settings are provided so you can change it to fit your needs and it also supports the MetaData plugin and the WYSIWYG-editor TinyMCE.

Try out a demo

CCombo

CCombo replaces the default browser select tag with a more stylish one extending its features and usability.

Try out a demo

jPopIt

jPopIt allows you to pop up a simple and unobtrusive message to a user on your site.

Try out a demo

TablePan

Call .tablepan() on a div wrapping a table and you've got yourself an awesome table panning interface.

Try out a demo

Automatically generate the table of contents with jQuery

jQuery extension that auto generates the table of contents. Properly handles ul/ol indentation to indicate heading level. #table of contents #toc

Try out a demo

jQuery Select: Color Picker

The big difference between the Jquery Color Picker and other Jquery powered color pickers is the Jquery Color Picker takes a normal html select like above and turns it into an intuitive, cross browser, color picker.

Try out a demo

jQuery TagIt

The Jquery Tagit Plugin transforms an html unordered list into a unique tagging plugin.Why unique? Because jQuery Tagit uses jQuery UI;s auto-complete plugin to supply suggestions to users as they type and has some awesome features.

Try out a demo

Tablecell input step

A simple plugin that enables navigation between text inputs by using arrow keys.

Try out a demo

Gradient Text

GradientText is an ultra small, easy to use jQuery plugin that will give your standard H1, H2, H3, etc. headers a gradient text color.

Try out a demo

jQuery Form Wizard Plugin

The form wizard plugin is a jQuery plugin which can be used to create wizard like page flows for forms without having to reload the page in between wizard steps.

Try out a demo

WormHole

jQuery WormHole creates invisible wormholes between arbitrary objects on a page. The edges of the objects become entrances/exits of the wormholes. Child objects dragged to an edge enter the wormhole and immediately start to exit at the other end, i.e. the opposite edge of the next object in the wormhole group.

Try out a demo

Nautilus

Nautilus is a jQuery plug-in based on Google's Doodle honoring Jules Verne (it was released on February 8, 2011). The letters of Google looked like hatches that allowed to see "under the sea", and on the side there was a small controller to move the Nautilus.

Try out a demo

OIPlayer

OIPlayer inits and controls the video- or audioplayer made by modern browsers with the html5 video- or audiotag. It was developed for the Open Images Platform. It features a fallback mechanism and enables the use of three players in a generic way. It sifts through the sources inside the media tag to find a suitable player, replaces the mediatag with itself and enables some generic controls. Is supports the html5 media-tag itself, the Java applet Cortado for the ogg media format (ogv, oga) for browsers that have Java but don't support the html5 media-tags and a Flash player, in this case FlowPlayer for (mp4, h.264, flv).

Try out a demo

Curved / ellipse shaped animations.

Plugin for creating ellipse and curved animations.

Try out a demo

非死book like Photo Tagging

icfbPhotoTagging is jQuery plugin which provides you functions you can use to develop photo tagging aplication like 非死book have. With this plugin you can view tags, edit tags(positions, sizes), add new tags, view all tags at once, etc...

Try out a demo

jQuery Label

jQuery label helps you to create colorful labels based on the content of an element. The labels are similar to Gmail labels in look-n-feel. It helps you to customize label color based on the content of the elements and easily.

Try out a demo

icSelectionBox

icSelectionBox is replace for select or select multiple html tag but much, much more. You can search inside box, populate elements with ajax(or populate directly passing array of elements in options), execute it modal(or add it to some existing jquery element), use it to select only one or more elements.

Try out a demo