Best jQuery Plugins Plugins & Tutorials with Demo

    jQuery Stylish Select

    jQuery Stylish Select box

    A cross-browser, accessible alternative to the standard form element which can be fully customised with CSS.Stylish Select attempts to replicate the functionality of the browser default select box as closely as possible with support for keyboard navigation, and intelligent positioning.

    jQuery Stylish Select aims to have a minimal code footprint and weighs in at just over 3KB when minified.

    ImageMapster a jQuery plugin makes HTML image maps useful

    ImageMapster a jQuery HTML image maps

    ImageMapster is a jQuery plugin that brings HTML image maps to life. With this tool, any image map can be highlighted, selected, and manipulated in all kinds of ways. ImageMapster is 100% Javascript and it works on every major browser, without Flash or any other dependencies (except jQuery), including Internet Explorer 6. Some advanced effects require HTML5 support, but will still fall back to work in older browsers.

    Adding a jQuery scroller to your website that supports Ajax

    Adding a jQuery scroller to your website that supports Ajax

    Sometimes, a nice and sharp design is ruined by the addition of a scroller. By default, the OS styles the scroller and that (arguably) makes it look ugly. For this tutorial, I’ll be using a nice little script called fleXcroll and then adding some code to add support for loading content via Ajax. I’ll also be using jQuery, but of course, you can use any other JavaScript framework or just plain old JavaScript.

    Twisterghost a jQuery console I/O system

    Twisterghost a jQuery console I/O system

    A JavaScript based console I/O system built for module extensions.

    Knockout a Dynamic jQuery UI

    Knockout a Dynamic jQuery UI

    Knockout a Dynamic jQuery UI a dynamic jQuery UI by applying the Model-View-View Model(MVVM) pattern.Easily associate DOM elements with model data using a concise, readable syntax.When your data model’s state changes, your UI updates automatically.

    Knockout is a JavaScript library that helps you to create rich, responsive display and editor user interfaces with a clean underlying data model. Any time you have sections of UI that update dynamically (e.g., changing depending on the user’s actions or when an external data source changes), KO can help you implement it more simply and maintainably.

    timeago a jQuery plugin

    timeago a jQuery plugin

    Timeago is a jQuery plugin that makes it easy to support automatically updating fuzzy timestamps (e.g. “4 minutes ago” or “about 1 day ago”).

    jQuery One Page Navigation Plugin

    jQuery One Page Navigation Plugin

    I am a fan of the one-page sites. I really like the ones that add smooth scrolling and highlight the navigation depending upon which part of the page you have scrolled to..I wanted the page to scroll smoothly when the navigation was clicked, so I used the jQuery ScrollTo plugin. I also wanted the page to automatically highlight the correct navigation section depending upon which section was scrolled to, and that was where I added my custom code.

    Roundabout is a jQuery plugin

    Roundabout is a jQuery plugin

    Roundabout is a jQuery plugin that easily converts unordered lists & other nested HTML structures into entertaining, interactive, turntable-like areas.

    It’s ready-to-go straight out of the box, but if you want to get crazy, Roundabout is highly-customizable with an extensive API that allows for some pretty amazing results.

    CraftMap a jQuery Maps Plugin

    CraftMap

    CraftMap (previous MobilyMap) is a lightweight (6KB only), fully configurable jQuery plugin that converts a simple image into a functional map by overlaying dynamic elements on it such as markers.Like Google Maps, you can place your own marker icons and add location information to specific markers with a draggable image interface.

    jQuery ContentHover Plugin

    jQuery ContentHover Plugin

    ContentHover is a small jQuery plugin that helps you show some hidden content on top of an element when the mouse hovers over it. There are options to chose how your hover effect would appear, like fade in or slide in from any direction, you can change the opacity of the overlay etc.