There are so many solution that offer out there for creating tool tip based on jQuery, even in the jQuery UI milestone the tool tip has been included in the project here is the jquery ui tooltip milestone, but if you need now sure you have to use the 3rd plugins or create by yourself, in this post I try to collect all that I can found including the link to the step by step tutorial.
Ready To Use Plugins
This section is for you who want to make it done in easier and faster way, most of this plugins not explain how it inside the plugins, of course you don’t want to know right? this is why you using the plugin, just to know how to use and modify it.
TipTip is a custom tooltip that behaved just like the browser tooltip, and that is exactly what TipTip does. TipTip detects the edges of the browser window and will make sure the tooltip stays within the current window size.
7. mb Tooltip
Tipsy is a jQuery plugin for creating a Facebook-like tooltips effect based on an anchor tag’s title attribute.
Other Available Plugins
jGrowl, htmltooltip, bQuery, Beauty Tips, BetterTip, jqTooltip, EZPZ Tooltip, clueTip, pop!, Hovertips, Simple Tooltip, Simple jQuery Tooltip, Just The Tip, Thumbnail Popup Plugin, jQuery Tiper, Easiest Tooltip, jQuery Tooltip
This section for who want know the detail how the tooltip work, these tutorial provide some great step by step instruction
1. Simple Tooltip by Soh Tanaka
2. Colortip by Tutorialzine
8. jQuery Tooltips by David Walsh
Other Available Tutorials
Smart Tooltips, Smart Tooltips Part 2, jQuery Ajax Tooltip, Creating A Simple Tooltip Using jQuery and CSS, jQuery Tooltips, Simple Tooltip jQuery Plugin, jQuery Custom Tooltip, Experimental jQuery Tooltip, Rollovers Tooltips jQuery, Adding jQuery Tooltips, How to Create Simple jQuery Tooltip