Top 10 jQuery Examples for Website

jQuery is api which solve almost all problems which a programmer face to develop the application. jQuery comes with lot of ready to use example and plugins which can be used in application and get quick output with amazing effects.
I am giving you some of top example of jQuery which are most common use in our applications.

1. Tab
This is simple tab option with menu navigation in jQuery

Demo
http://www.stilbuero.de/jquery/tabs_3/

Another tab example
http://www.sunsean.com/idTabs/#t1

Browse Site Select a Tab
http://nettuts.s3.amazonaws.com/001_Tabbed/site/jQuery.html#

http://net.tutsplus.com/tutorials/html-css-techniques/how-to-create-a-slick-tabbed-content-area/

jQuery Tabbed Side Menu

Demo
http://www.queness.com/resources/html/tabmenu/jquery-tabbed-menu-queness.html

download source code
http://www.queness.com/post/106/jquery-tabbed-interfacetabbed-structure-menu-tutorial

Menu navigation
Drop down menu

http://designreviver.com/tutorials/jquery-css-example-dropdown-menu/

Top navigation through jQuery
http://www.jankoatwarpspeed.com/post/2009/01/19/Create-Vimeo-like-top-navigation.aspx

Demo

http://www.jankoatwarpspeed.com/examples/vimeo_navigation/

Other menu bar

http://apycom.com/

Floating menu jQuery & CSS
https://nettuts.s3.amazonaws.com/018_Floating_Menu/demo/dhtml_float_menu_final_nettut.html

Drop down menu

http://www.sohtanaka.com/web-design/examples/drop-down-menu/#

2. jQuery Cycle Plugin
This example scroll images in cycle and move image next to next.

http://www.malsup.com/jquery/cycle/int2.html

3. Riding carousels with jQuery
This jQuery plugin for controlling a list of items in horizontal or vertical order, and move images in horizontal side.

http://sorgalla.com/jcarousel/

4. Zooming images
JQZoom allows you to realize a small magnifier window close to the image or images on your web page easily.
http://www.mind-projects.it/jqzoom_v10

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

5. jQuery Autocomplete
This example of jQuery is used to complete autocomplete in form field.

http://www.ajaxdaddy.com/demo-jquery-autocomplete.html

Another example

http://docs.jquery.com/Plugins/Autocomplete

6. jQuery Form Example
This jQuery example field form field with predefined value in text field.

http://mucur.name/system/jquery_example/

7. Visual Lightbox – Create lightbox-style galleries and slideshows. jQuery LightBox Plugin.
http://plugins.jquery.com/project/VisualLightbox

Demo

http://visuallightbox.com/demo/

Lightbox gallery sample
http://lightbox2.com/jquery-thickbox.html

8. Thick box jQuery Example

http://jquery.com/demo/thickbox/

Colorbox example
Demo
http://colorpowered.com/colorbox/core/example1/index.html

Code
http://colorpowered.com/colorbox/

Dialog box
Demo

http://jqueryui.com/demos/dialog/

9. Tooltip jQuery example

http://3nhanced.com/examples/tooltip/

http://net.tutsplus.com/tutorials/javascript-ajax/build-a-better-tooltip-with-jquery-awesomeness/

Another example

http://flowplayer.org/tools/tooltip/index.html

10. Datepicker

Demo
http://jqueryui.com/demos/datepicker/