87 great jquery example

now i will share for you about jquery example 87 great method…

======================================================

Jquery virtual keyboard

Description : This tutorial will explain how to implement a simple virtual keyboard with some with jQuery. From any given login form you click the Keyboard link and a jQuery powered virtual keyboard will appear.

Slide-In Contact Form

Description : When the user clicks on the Contact link at the top of the page, the contact form will slide down. When the user submits the form they will get a message that their message has been sent successfully and within two seconds, the entire form will slide up to its original

Jquery Lightbox Pirobox

Description : You can create a very elegant photo gallery page

Facebook 1.2

Description : Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages.

Fancy Box

Description :This “lightbox” clone was created out of a need for something fresh and as the developer says “Mac Like”. Some of the features it has are: Automatically scales large images to fit in window, adds a nice drop shadow under the zoomed item, groups related items and adds navigation through them (uses preloading), can display images, inline and iframed content and, of course, customizable through settings and CSS.

Load Content with JQuery

Description : If you have lots of content to present but can not load all of it at once as it may take too long, this plugin is the answer. It is styled upon dZone’s Ajax content loading while scrolling feature.

JQuery Cycle Plugin

Description : The jQuery Cycle Plugin is a lightweight slideshow plugin.

InnerFade

Description : InnerFade is designed to fade you any element inside a container in and out.

TableSorter 2.0

Description : Tablesorter can turn any standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes.

jGoogle

Description : jGoogle will wrap google AJAX search APIs in a single jQuery plugin to extract usable data.

JQuery Corner Demo

Description : The first version of this plugin supports the ability to have shapes other than rounding on the corners.

jQuery Right-click Plugin

Description : This plugin enables you to detect events triggered by the right mouse button.

Equal Height Columns

Description : Creating equal-height columns with CSS is sometimes a bear.

Animated Drop Down Menu

Description : Drop Down menus are a really convient way to fit a large menu into a really small initial space.

SexyCombo

Description : This plugin allow you to turn your existing selectboxes into combo boxes, which is the mixture of text input and selectbox.

Color Fading Menu

Description : This is a small jQuery plugin for creating fading hover effects.

Font Sizer

Description : You have most likely seen this feature on many sites – 3 “A”s of varying size which when clicked dynamically change the overall size of text on the page.

jQuery plugin for Twitter

Description : jQuery plugin for Twitter is simple, unobtrusive and customisable client-side method for easily embedding a Twitter feed into a web page.

prettyComments

Description : This is a great solution to comment boxes that are alway too small for long comment.

idTabs

Description : idTabs makes adding tabs into a website very simple.

Progress Bar Plugin

Description : A nice and simple progress bar plugin, that is very easy to implement.

Simple Controls Gallery

Description : Simple Controls Gallery rotates and displays an image by fading it into view over the previous one, with navigation controls that pop up when the mouse rolls over the Gallery.

jQuery and CSS Tooltip


Description : An excellent variation of a tooltip, that you can style via CSS (including background images) until your heart is content.

Transcendent jQuery Date Range Selector + Short Cuts

Descrition : Date picker with jquery

CrossSlide

Description : CrossSlide is a jQuery plugin that implements in Javascript some common slide-show animations, traditionally only available to the web developer via Adobe Flash™ or other proprietary plugins.

jQuery Feed Menus

Description : This plugin allows users to click your feed icon and be presented with a list of feeds to choose from.

jQuery AJAX Contact Form

Description : This plugin is great because by simply adding the the jQuery library and the plugin, you can AJAX’ify pretty much any form without much work.

jQuery Accordion – with fade in/out effect

Description : A nice and small jQuery accordion menu that has a nice fade in fade out animation when users navigate around them.

WordPress / Website Live Ajax Search

Description : This is a live search plugin using jQuery, which searches automatically after you entered your keyword. Easily implemented into WordPress.

iPod-style Drilldown Menu

Description : This drilldown menu provides easy navigation of complex nested structures with any number of levels.

LavaLamp

  • RSS
  • del.icio.us
  • StumbleUpon
  • Digg
  • TwitThis
  • Mixx
  • Technorati
  • Facebook
  • NewsVine
  • Reddit
  • Google
  • LinkedIn
  • co.mments
  • YahooMyWeb
  • E-mail this story to a  friend!
Why not join 35,000 of our readers, by following us via our RSS Feed, on Twitter or on Facebook

//

1diggdigg

37 Phenomenal jQuery Plugins and Demos for Developers

Slide-In Contact Form

Amazing jQuery PluginsDescription : When the user clicks on the Contact link at the top of the page, the contact form will slide down. When the user submits the form they will get a message that their message has been sent successfully and within two seconds, the entire form will slide up to its original position.

Virtual jQuery Keyboard

Amazing jQuery PluginsDescription : This tutorial will explain how to implement a simple virtual keyboard with some with jQuery. From any given login form you click the Keyboard link and a jQuery powered virtual keyboard will appear.

Digg style sign up form

Amazing jQuery PluginsDescription : Simulate a Digg style signup form, with its unique features such as their dynamic tooltips that give you a hint on each field that is to be filled. The same approach will be adopted for displaying validation messages.

Load Content While Scrolling With jQuery

Amazing jQuery PluginsDescription : If you have lots of content to present but can not load all of it at once as it may take too long, this plugin is the answer. It is styled upon dZone’s Ajax content loading while scrolling feature.

Pirobox jQuery Lightbox

Amazing jQuery PluginsDescription : You can create a very elegant photo gallery page with this plugin, watch as the images slide in and out. Nice and smooth.

FancyBox

Amazing jQuery PluginsDescription : Because I was bored by so many pages using lightbox and it`s clones,

This “lightbox” clone was created out of a need for something fresh and as the developer says “Mac Like”. Some of the features it has are: Automatically scales large images to fit in window, adds a nice drop shadow under the zoomed item, groups related items and adds navigation through them (uses preloading), can display images, inline and iframed content and, of course, customizable through settings and CSS.

Facebox 1.2

Amazing jQuery PluginsDescription : Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages. It’s simple to use and easy on the eyes. Download the tarball, view the examples, then start enjoying the curves.

JQuery Cycle Plugin

Amazing jQuery PluginsDescription : 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. Cool.

InnerFade

Amazing jQuery PluginsDescription : InnerFade is designed to fade you any element inside a container in and out. These elements could be anything you want, e.g. images, list-items, divs. Simply produce your own slideshow for your portfolio or advertisings. Create a newsticker or do an animation. Anything.

Tablesorter 2.0

Amazing jQuery PluginsDescription : Tablesorter can turn any standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes. Tablesorter can successfully parse and sort many types of data including linked data in a cell.

jGoogle

Amazing jQuery PluginsDescription : jGoogle will wrap google AJAX search APIs in a single jQuery plugin to extract usable data. The first version will include GImageSearch.

jTruncate

Description : In a nutshell, jTruncate provides simple yet customizable truncation for text entities in your web page. A great effect for content heavy sites.

JQuery Corner Demo

Amazing jQuery PluginsDescription : The first version of this plugin supports the ability to have shapes other than rounding on the corners.

jQuery Right-click Plugin

Amazing jQuery PluginsDescription : This plugin enables you to detect events triggered by the right mouse button. There is also a built-in method to disable browser context menus.

Equal Height Columns

Amazing jQuery PluginsDescription : Creating equal-height columns with CSS is sometimes a bear. But who needs the hassle of faux columns, “clear” divs and the rest? With this bit of jQuery, you can easily equalize the heights of any group of elements.

Animated Drop Down Menu

Amazing jQuery PluginsDescription : Drop Down menus are a really convient way to fit a large menu into a really small initial space. For a long time people have just used a form element for standard drop downs, but with minimal effort you can create a much slicker effect using jQuery and CSS.

Music Player using mouse gestures & hotkeys

Amazing jQuery PluginsDescription : This amazing music player is coded in xHTML and jQuery that makes use of mouse gestures and hotkeys. You can Click and Drag with your mouse to interact with interface’s music player or use directional keys and the spacebar instead of the mouse. Truelly amazing.

SexyCombo

Amazing jQuery PluginsDescription : This plugin allow you to turn your existing selectboxes into combo boxes, which is the mixture of text input and selectbox.

Color Fading Menu

Amazing jQuery PluginsDescription : This is a small jQuery plugin for creating fading hover effects. It will perform colour and image merging.

Font Sizer

A Navigation Menu

SuckerFish Style

jQuery UI Tabs / Tabs 3

TabContainer Theme

jQuery Accordion

demo

Simple JQuery Accordion menu

jQZoom-

Image/Photo Gallery Viewer-

InnerFade

jQuery Cycle Plugin-

Riding carousels with jQuery

Farbtastic

jQuery ThickBox

SimpleModal Demos

jQuery lightBox Plugin

JQuery iFrame Plugin

Validation

Ajax Form Validation

jQuery AlphaNumeric

JQUERY==FORM

jquery.Combobox

jQuery Checkbox

File Style Plugin for jQuery

==============================================

Simple Star Rating System

Half-Star Rating Plugin

==============================================

The jQuery Tooltip

Zebra Tables Demo -

Table Sorter Plugin

AutoScroll for jQuery

Scrollable HTML table plugin

Sortables

Draggables and droppables

jQuery Corner Demo

JQuery Curvy Corners-

jQuery Air

HeatColor

Date Picker

Pager jQuery

JQuery BlockUI Plugin

source : http://www.noepe.com/../50-amazing-jquery-examples-part1.html

About these ads

5 thoughts on “87 great jquery example

  1. Pingback: 87 great jquery example « Yaniar Prayogo Blog programming and other's | Blognya Anak Mami | yudaprabu.com

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s