Nurul Imam & Catatannya

This will be a most wanted list of jQuery tooltips collection for every web designer.When you surfing the web you can see different types of tooltips effect in web sites.Here I listed more popular jQuery tooltips collection in these days.I hope to update this article with new tooltips effects in future.So bookmark this article for your future preference if you like this post.Use the links given below for the tutorials,demos and downloads.

The tooltip or infotip is a common graphical user interface element. It is used in conjunction with a cursor, usually a mouse pointer. The user hovers the cursor over an item, without clicking it, and a tooltip may appear — a small "hover box" with information about the item being hovered over.

jQuery (mb)Tooltip

Article : http://pupunzi.open-lab.com/2009/02/07/mbtooltip/

Demo : http://pupunzi.com/#mb.components/mb.tooltip/tooltip.html

Download: http://cloud.github.com/downloads/pupunzi/jquery.mb.tooltip/jquery.mb.tooltip.1.6.zip

qTip

qTip is a tooltip plugin for the jQuery framework. It's cross-browser, customizable and packed full of features!

Article : http://craigsworks.com/projects/qtip/

Demo : http://craigsworks.com/projects/qtip/demos/

Download: http://craigsworks.com/projects/qtip/download/

TipTip

Article : http://code.drewwilson.com/entry/tiptip-jquery-plugin

Demo : http://code.drewwilson.com/entry/tiptip-jquery-plugin

Download: http://www.drewwilson.com/upload/data/4/tipTipv13.zip

jQuery Tools

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

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

Download: http://flowplayer.org/tools/img/tooltip/tooltip.zip

Simpletip

Article : http://craigsworks.com/projects/simpletip/

Demo : http://craigsworks.com/projects/simpletip/

Download: http://craigsworks.com/projects/simpletip/

JavaScript Kit Tooltip

Article : http://www.javascriptkit.com/script/script2/htmltooltip.shtml

Demo : http://www.javascriptkit.com/script/script2/htmltooltip.shtml

Download: http://www.javascriptkit.com/script/script2/htmltooltip.shtml

BeautyTips

BeautyTips is a simple-to-use balloon-help style tootip plugin. Any element on the page can be set to show a talk-balloon containing any text or HTML on hover, click, or any bindable event.

Article : http://plugins.jquery.com/project/bt

Demo : http://www.lullabot.com/files/bt/bt-latest/DEMO/index.html

Download: http://plugins.jquery.com/project/bt

clueTip

The clueTip plugin allows you to easily show a fancy tooltip when the user's mouse hovers over (or, optionally, clicks on) any element you designate in your script. If the element includes a title attribute, its text becomes the heading of the clueTip.

Article : http://plugins.learningjquery.com/cluetip/

Demo : http://plugins.learningjquery.com/cluetip/demo/

Download: http://plugins.learningjquery.com/cluetip/#download

EZPZ Tooltip

Article : http://theezpzway.com/2009/3/17/jquery-plugin-ezpz-tooltip

Demo : http://theezpzway.com/demos/ezpz-tooltip

Download: http://theezpzway.com/2009/3/17/jquery-plugin-ezpz-tooltip#section-10

Hovertips

Article : http://www.dave-cohen.com/node/1186

Demo : http://www.dave-cohen.com/node/1186

Download: http://www.dave-cohen.com/modules/hovertip/hovertip.js

jQuery Awesomeness

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

Demo : http://d2o0t5hpnwv4c1.cloudfront.net/234_tooltip/Demo/index.html

Download: http://d2o0t5hpnwv4c1.cloudfront.net/234_tooltip/Demo.zip

Tipsy Tooltip

Tipsy is a jQuery plugin for creating a Facebook-like tooltips effect based on an anchor tag's title attribute.

Article : http://onehackoranother.com/projects/jquery/tipsy/

Demo : http://onehackoranother.com/projects/jquery/tipsy/#examples

Download: http://onehackoranother.com/projects/jquery/tipsy/#download

Popup Bubble

Article : http://www.dvq.co.nz/jquery/create-a-jquery-popup-bubble-effect/

Demo : http://www.dvq.co.nz/wp-content/uploads/2008/07/jquery-popup-bubble/index.html

Download: http://www.dvq.co.nz/jquery/create-a-jquery-popup-bubble-effect/

jQuery Horizontal Tooltips Menu

Article : http://www.queness.com/post/556/jquery-horizontal-tooltips-menu-tutorials

Demo : http://www.queness.com/resources/html/tooltipmenu/index.html

Download: http://www.queness.com/resources/archives/jquery-tooltipmenu.zip

Coda Popup Bubbles

Article : http://jqueryfordesigners.com/coda-popup-bubbles/

Demo : http://jqueryfordesigners.com/demo/coda-bubble.html

Download: http://jqueryfordesigners.com/coda-popup-bubbles/

BetterTip

Article : http://edgarverle.com/BetterTip/default.cfm

Demo : http://edgarverle.com/BetterTip/default.cfm

Download: http://edgarverle.com/BetterTip/bettertip.zip

Source : 16 Amazing jQuery Tooltips Collection