Best jQuery Plugins Plugins & Tutorials with Demo

    Google’s imageless buttons with jQuery

    Google's imageless buttons with jQuery

    This jQuery plugin is an attempt to recreate Google’s imageless buttons and prove that it doesn’t take a whole team of engineers and an endless cycle of code revision and quality control (their own words) to pull this off. Buttons automatically adapt to paddings and other styling you wish to use. They allow for a lot of stylistic customisatoin via a few lines of css while keeping all the display critical css rules hidden deep inside the plugin.

    Like it? Tweet it! with jQuery

    Like it? Tweet it! with jQuery

    “Like it? Tweet it!” is a jQuery-powered JavaScript widget that enables visitors to your website or blog to write a tweet about the site directly in a box displayed in the corner of the website, with a link to the site already embedded in the input field.

    Snippet – jQuery Syntax Highlighter

    Snippet – jQuery Syntax Highlighter

    Snippet is a jQuery syntax highlighting plugin built on top of the SHJS script found on SourceForge. Snippet provides a quick and easy way of highlighting source code passages in HTML documents.

    jQuery & CSS Hover Zoom Effect Plugin

    jQuery & CSS Hover Zoom Effect Plugin

    This plugin creates “Hover Zoom” effect for your image thumbnails with CSS and jQuery. This effect reverse zooms an image while fading in a label on top of it when the mouse hovers over it.I’ve seen similar effects to this one on a few sites here and there, and they were always built in Flash. I wanted a CSS and Javascript solution so I whipped up the Hover Zoom effect.

    Create A Tabbed Content Rotator Using jQuery

    Create A Tabbed Content Rotator Using jQuery

    This plugin will create a tabbed content rotator. You can use this plugin to show your customers some of your products or services.

    Simple Tooltip w/ jQuery & CSS

    Simple Tooltip w/ jQuery & CSS

    There are a lot of tooltip plugins out there, but not many of them explain what exactly goes on in the logic of a tooltip, this tutorial will explain it with detail.

    jQuery Drop Down Navigation Menu

    jQuery Drop Down Navigation Menu

    Nice looking jQuery based drop-down horizontal (default) or vertical navigation menu.

    How to Add Audio and Video on your Website using jPlayer plugin (jQuery)

    How to Add Audio and Video on your Website using jPlayer plugin (jQuery)

    Today we continue jQuery lessons, and will talk about adding customizable player for audio or video files to our website. This new plugin (jPlayer) pretty well: allow us play media files, pause, change volume, it even have all necessary controls (which you can see in any media player). Also it allow us to change all its styles (all styles of interface loceted in single css file). More, it support HTML5 and able to work quite in all possible browsers. Here are supported formats of media files: mp3, ogg, m4a, m4v, ogv, wav etc.

    jqIsoText: jQuery Text Effect Plugin

    jqIsoText is jQuery plugin for displaying your text with pseudo-isometric effect.With this plugin we’re changing size of letters in text. It starts from one font size and increment or decrement to other font size. On that way we’re getting something similar to isometric projection. That can be done for whole block of text or for every word in some text.

    Spritely background animation jQuery plugin

    jQuery.spritely is a jQuery plugin created by Artlogic for creating dynamic character and background animation in pure HTML and JavaScript. It’s a simple, light-weight plugin with a few simple methods for creating animated sprites such as the birds you see on this page, and dynamic scrolling backgrounds.