Saturday, March 12, 2011
16 Amazing jQuery Tooltips Collection
Do you like this story?
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
If there is a jQuery tool tip effect you like,but you can not add it to your website or blog yourself,

This post was written by: Cine Andhra - complete Telugu Cinema Portal
FOR LAtestTelugu Cinema News,Telugu Cinema Gossips, Telugu Cinema,Telugu Films,Telugu Film Sites,Telugu gossips Follow him on Twitter
Subscribe to:
Post Comments (Atom)
0 Responses to “16 Amazing jQuery Tooltips Collection”
Post a Comment