10 Awesome jQuery ToolTips

Sam Deering
Tweet

We have gathered another set of 10 Cool jQuery Tooltip plugins that you may or may not have seen before. This set has some simple yet effective tooltip options which are easy to implement for your site. Enjoy!

Related posts:

1. Pop!

Enjoy simple dropdown menus with pop! an unobtrusive JavaScript plugin for jQuery.
Pop.jpg
Source

2. BetterTip

A plugin for the JQuery library that allows you to create custom tool tips.
BetterTip.jpg
Source

3. EZPZ Tooltip

Very simple tooltip with border around it, it also follows your mouse.
EZPZ-Tooltip.jpg
Source

4. BsTip

Various simple tooltips with fade in and fade out transition effects and border around them.
BsTip.jpg
Source

5. clueTip

Allows you to easily show a fancy tooltip when the user s mouse hovers over on any element you designate in your script.
clueTip.jpg
Source

6. Inline HTML Tooltip

Lets you define rich HTML tooltips that are embedded directly inside your webpage and that appear when the mouse rolls over links on your page.
Inline-HTML-Tooltip.jpg
Source

7. Input Floating Hint Box

Interesting tooltip with rounded corners for input fields. Tooltip fades in when you click on the input field and fades out when you click somewhere else.
Input-Floating-Hint-Box.jpg
Source

8. Orbital Tooltip

With the Orbital Tooltip you can choose to position the tooltip on any object in 360 degrees around it. With multiple options for spacing & offset as well as styling, Orbital Tooltip stands head and shoulders above other jQuery tooltips.
Orbital-Tooltip.jpg
Source

9. jGrowl Tooltips

A jQuery plugin that raises unobtrusive messages within the browser, similar to the way that OS X s Growl Framework works.
jGrowl-Tooltips.jpg
Source

10. vTip

Using the jQuery framwork any element with a class of vtip will have its title attribute turned into a sleek, customizable tooltip without the klunk and loading time of a large tooltip script.
vTip.jpg
Source

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.