Most Useful Free jQuery Tooltip Plugins

Tooltips are used to inform the users about the expected results of a button or option and are particularly helpful in making them learn how to use a product, software and website.  jQuery tooltips are easy to install and set up and they help you offer extra information on important elements and at the same time make the browsing experience of every visitor interesting and dynamic.

In this showcasing, there are 20 useful Free jquery tooltip plugins with example code for download. We hope that you will like this wonderful collection. Feel free to share your comments with us.

Take a look at the following related articles

1. Balloon Tooltip Demonstration

The balloon.js package is written in object-oriented JavaScript and allows you to add configurable balloon tooltips (AKA popup balloons, bubbles, rollover tooltips etc., etc.) to your website.

Balloon Tooltip Demonstration
Balloon Tooltip Demonstration

2. aTip: The 1KB Tooltip

Javascript tooltips are a valuable method to display additional information to users in a context-sensitive manner, however, at what cost? Bulky, unmanageable code slows down load times, increases web requests, and degrades browser/user performance. Enter aTip: the customizable, extremely lightweight jQuery plugin.

aTip the 1KB tooltip
aTip the 1KB tooltip

3. qTip2

qTip2 is user friendly, yet feature rich base, qTip2 provides you with tonnes of features like speech bubble tips and imagemap support.

qTip2
qTip2

4. EveryTip Jquery Tooltip Plugin

EveryTip is a Jquery plugin that will read out any element’s title tag and converts it into a individual styleable dynamic bubble. You can apply it on any element you want e.g.: img, a , li, span, div and so on. The plugin automatically detects all elements of your specified type on the whole page and add’s a tooltip to it.

everyTip Jquery tooltip Plugin
everyTip Jquery tooltip Plugin

5. Build a Better Tooltip with jQuery Awesomeness

With this smart jquery plugin you can replace the typical browser tooltip with something a little flashier.

Build a Better Tooltip with jQuery Awesomeness
Build a Better Tooltip with jQuery Awesomeness

6. Tipsy – Facebook-Style Tooltip Plugin for jQuery

The Tooltip is a handsome, modern gentleman that appears when it’s showtime.

tipsy – Facebook-style tooltip plugin for jQuery
tipsy – Facebook-style tooltip plugin for jQuery

7. Sticky Tooltip

This script adds a rich HTML tooltip to elements that’s revealed when the mouse rolls over them, in which the tooltip follows the cursor around as it moves about within the element.

Sticky Tooltip
Sticky Tooltip

8. SuperNote

This is an XHTML/CSS/JavaScript powered popup info system with a strong focus on accessibility. Popup notes are stored as “footnotes” in a document and dynamically converted to tooltips!

SuperNote
SuperNote

9. (mb)Tooltip

Beautifully made tooltip with nice transition for input fields.

(mb)Tooltip
(mb)Tooltip

10. ToolTip MooTools

This plugins use Gzip loader technique that will deliver CSS and Javascript files more faster and also with minimun HTTP request.

ToolTip MooTools
ToolTip MooTools