Tooltips in web design are becoming more and more commonplace. Even though I don’t think they are appropriate for every type of site, they can be a very useful addition when implemented correctly. If you are planning on using tooltips in your next project, the hardest part may be choosing the right solution.
Here are 11 excellent methos for creating tooltips using various solutions such as jQuery, MooTools, and CSS only.
Prototip 2
Easiest Tooltip and Image Preview Using jQuery
Simpletip
Coda Popup Bubbles
MooTools 1.2 Tooltips: Customize Your Tips
Duplicate the jQuery Homepage Tooltips Using MooTools
jQuery Ajax Tooltip
CSS Bubble Tooltips
Easy CSS Tooltip
CoolTips
ToolTip_MooTools
These are nice, I’ve been looking for a cool tooltop for a while now so will check these out!
great ! really love your website, very relevant info on webdesign ! thank you !
I have a tooltip solution at my site, relying only on jQuery
http://www.ilovecolors.com.ar/rollovers-tooltips-jquery/
Really nice toolstips…makes some work lot easier. Thanks
Excellent list. Thank you sooooo much for taking the time to collect emm! 🙂
great info, thanks
MooTools all the way
Nice Tooltips. Thanks
No, no, this is no way to simplify the task of creating tool-tips.
Come on, these tiny things have always been like a crack head for me and coming to this post, I find them to be so easy and after trying a few times, I have them at the back of my hand now.
Thanks a lot for sharing these.
Great round up!
I just put one up for your side nav 🙂
http://www.sohtanaka.com/web-design/side-navigation-tooltip-popup-bubble/
pretty useful – I wasn’t aware how to use them exactly before, still now thanks for information 🙂
Are there any tooltips for prototype?
(Except Prototip)
Cool stuff
Man, I could have used this just last weekend. Thanks for these great tips, there’s a couple here I didn’t come across in my searches.
Nice selection!
I like it! I wish i could see this a month ago! =/ lol
Antoher great one by the writer of simpleTip is qTip (jQuery):
http://craigsworks.com/projects/qtip/
I did a Top 10 on this for jQuery only – check it out http://www.reynoldsftw.com/2009/03/10-excellent-tooltip-plugins-with-jquery/
nice jQuery tutorials
great info thanks..
Thanks.
good share of the info. thanks
I was really looking for tooltips… thanks 4 sharing…:)
thank for sharing
Fantastic! – i love the jQuery Ajax Tooltip!
Sorry, wrong URL. Thank you one more time for this post, i really did not mind tooltips. But this is a cool way to fresh up your webdesign!
Out of all the tool tips, you left out the best one:
jquery qtip
http://craigsworks.com/projects/qtip/
this is just awesome and is easy to use….
another suggestion is:
http://www.likno.com/jquery-tooltips/index.php
J.
Very nice collection, thank you for your work!
great ! really love your website, very relevant info on webdesign ! thank you !
I used wz_tooltip in the past. But its discontinued, so here i found an alternative. Thank you.