If you are looking to give your readers the option of a little bit more information or optional extra navigation, a great solution is to use Tooltips. Tooltips are a “common graphical user interface element, that are used in conjunction with a cursor, usually a mouse pointer. The user hovers the cursor over an item, without clicking it, and a small box appears with extra information regarding the item being hovered over” (via Wikipedia). To give your tooltip extra functionality and vesatilty the best and simplest solution is using Javascript, especially jQuery.
In this post we have collected 25 of the best jQuery Tooltip Plugins and Tutorials to help with your next project.
jQuery Tooltip Plugins
qTip – The jQuery Tooltip Plugin
BeautyTips, a jQuery Tooltip Plugin
jQuery Tooltip – Tooltips done right
Prototip 2 – Create Beautiful Tooltips with Ease
jGrowl
Simpletip – A simple jQuery Tooltip Plugin
jQuery plugin EZPZ Tooltip
Coda Popup Bubbles
jQuery Input Floating Hint Box
vTip
jHelperTip 1.0 – The Multi-Use Tooltip for jQuery
jTip – The Jquery Tool Tip
jQuery ClueTip Plugin
Tipsy – Facebook-Style Tooltip Plugin for jQuery
Pop! Simple Pop Menus with jQuery
jQuery Ajax Tooltip
Easy Tooltip – jQuery Plugin
Easiest Tooltip and Image Preview Using jQuery
jQuery (mb)Tooltip 1.6
jQuery Tooltip Tutorials
Create a Digg-Style Post Sharing Tool with jQuery
Create a jQuery Popup Bubble
jQuery Horizontal Tooltips Menu Tutorial
Build a Better Tooltip with jQuery Awesomeness
Creating A Simple Tooltip Using jQuery and CSS
Create a Simple CSS + Javascript Tooltip with jQuery
You might also like…
20 jQuery Plugins and Tutorials to Enhance Forms »
30 Tutorials Combining Both WordPress and jQuery »
25 Fresh and New jQuery Plugins and Tutorials »
50 Useful Tools and Generators for Easy CSS Developmentc »
20+ Resources and Tutorials for Creative Forms using CSS » »
24 CSS (in some cases with jQuery) Navigation and Menu Tutorials » »
22 CSS Button Styling Tutorials and Techniques » »
15 Amazing jQuery Image Gallery/Slideshow Plugins and Tutorials » »
18 Comments › Leave yours
Leave a Comment
12 Trackbacks
- 25 Useful jQuery Tooltip Plugins and Tutorials | TopRoundups
- 精品阅读（12）20090917 -- 寂寞如哥
- links for 2009-09-17 « Giri’s Blogmarks
- Notable Tech Posts – 2009.09.20 | The Life of Lew Ayotte
- çok güzel jQuery eklentiler http://speck… « wiki.laroouse
- 65+ Must See Resources Especially For Designers To Discover The Best Of The Web In September - Programming Blog
- 65+ Must See Resources Especially For Designers To Discover The Best Of The Web In September | Filme Gratis Filme Moca
- FreeDownloadSecrets.com » Blog Archive » 65+ Must See Resources Especially For Designers To Discover The Best Of The Web In September
- OmniDownloads | 65+ Must See Resources Especially For Designers To Discover The Best Of The Web In September
- 65+ Must See Resources Especially For Designers To Discover The Best Of The Web In September « JinSpiration
- 40 jQuery Plugins, Tutorials, Resources And Tools Of 2009 | Tweeaks Design
- "Sprechblase bei hover?"
RSS via Email
We are a proud member of the...
Are you one of our Facebook fans?
We are optimized by...
16 Sep, 2009
Nice Collection.Good work
16 Sep, 2009
Awesome collection!!! Will definitely use one of these
16 Sep, 2009
Prototip 2 is based on Prototype not jQuery.
17 Sep, 2009
really helping stuff for web developers and even for designers for get some help for make some latest modules in our web needs.
17 Sep, 2009
You’re my hero.I’m just looking for some jquery tooltip plugins.Thx your great article.
24 Sep, 2009
Qtip was my choice. Nice developer and followup issues.
2 Oct, 2009
something veru usefull. See more of this in action there made by me: http://www.sitemile.com/p/classifiedTheme
4 Oct, 2009
wow these are really cool, thanks for sharing
30 Nov, 2009
Thanks for the list… definitely will keep me busy looking through them all. Good job!
Cheers,
Andrew Anderson
11 Dec, 2009
qtip was a little to large (38kb compressed). cluetip did not have enough position possibilities for me.
BeautyTips http://plugins.jquery.com/project/bt looked also nice, but quite big on IE, and lack some positioning
My choice was jQuery Tooltip from flowplayer.org. Worked great!
18 Jan, 2010
Great list. Thanks for putting this together and spending your time on helping others.
18 Feb, 2010
Thanks! Great tools.
I also suggest Likno’s Web Tooltips Builder.
Quite easy to use for making jquery html tooltips for sites.
You can check them out at:
http://www.likno.com/jquery-tooltips/index.php
Hope it helps.
Thanks
Greg
22 Feb, 2010
very cool plugins ^-^
16 Mar, 2010
Hi all,
Nice collection. But ‘Prototip’ and ‘Prototip 2′ wont work with jQuery! I tryed everything and the author confirmed it. jQuery noConflict wont work too. Try it without jQuery and you’ll be happy.
Regards
18 Mar, 2010
The most beautiful one, Prototip, is based on Prototype :(
25 Mar, 2010
Really helpful. Thanks for gathering all the Jquery Tool Tip techniques.
28 May, 2010
that’s great,, thanks for sharing ;)
20 Jun, 2010
very usefull collection in one place. thanks;)