Learning jQuery

Tooltip is a GUI element that lets you display information, messages or activity on your website when a user hovers their pointer over a particular item without clicking it. Tooltips can be considered as an important user-interface components for most websites as it offers myriad of functionality and features.

For this roundup we have gathered a list of 25 Best jQuery Tooltip Plugins that will allow you to beautify your websites contents and offer functionality for hassle free navigation for your users. So without further ado, lets check out the following jQuery Tooltip Plugins. Enjoy !!

1. Tipso

Tipso is a simple jQuery tooltip plugin that displays a responsive, animated, fully customizable tooltip when the visitor hovers over (or clicks on) the matched element.

2. awTooltip

awTooltip is a tooltip plugin created with css and jQuery. It's possible to show tooltips right, left, top or bottom of the elements. Also you can use colorful tooltip styles.

3. Tooltipster

Tooltipster is a jQuery plugin for quickly creating HTML5-validated and flexible tooltips. The plugin is small-in-size (4.8kb minified), works fast and can be customized with ease. Its look can be changed with CSS (theme support) and the position of the arrow, following the mouse, delay/period of the appearance can all be defined.

4. Toolbar.js

Toolbar allows you to quickly create tooltip style toolbars for use in web applications and websites. The toolbar is easily customisable using the twitter bootstrap icons and provides flexability around the toolbars display and number of icons.

5. jBox

jBox is a powerful and flexible jQuery plugin, taking care of all your popup windows, tooltips, notices and more.

6. Dark Tooltip

DarkTooltip is a simple customizable jQuery tooltip plugin with confirm option and 3d effects.

7. qTip2

qTip2 is the second generation of the advanced qTip plugin for the ever popular jQuery framework. qTip2 provides you with tonnes of features like speech bubble tips and imagemap support, and best of all... it's completely free under the MIT/GPLv2 licenses!

8. Tooltipify

Tooltipify plugin creates a slide in, stylable tooltip to replace the default browser tooltip. Show and hide events are customizable. Defaults are "mouseover" and "mouseout".

9. Smallipop

Smallipop is a customizable jQuery plugin for displaying tooltips.

10. Grumble.js

Originally written for Huddle.com, grumble.js provides special tooltips without the usual limitations of north/east/south/west positioning. A grumble can be rotated around a given element at any angle, all 360 degrees. Any distance can be specified. Any CSS style can be applied. There's auto-magic size adjustment for use with localised text.

11. Balloon

Balloon is a jQuery plugin to add balloon tips to elements user-friendly, fine-tunable and without css and images.

12. Tooltipsy

Tooltipsy is a jQuery plugin that provides a flexible base for creating tooltips. It comes with minimum default styles or animations but gives you the complete control over them. It can be positioned however you wish, look and feel can be totally customized with CSS and any type of animations can be implemented.

13. WikiUp

wikiUp is a jQuery plugin to get Wikipedia descriptions of a word in tooltips.

14. Tipped

Tipped allows you to easily create beautiful tooltips using the jQuery Javascript library. Evolved from the popular Prototip library, Tipped takes tooltips to the next level by using HTML5 to give you full control over the look and feel of your tooltips.

15. Tipsy

Tipsy is a jQuery plugin for creating a Facebook-like tooltips effect based on an anchor tag's title attribute.

16. Simple Tooltip

Simpletooltip is a jQuery plugin, thought to insert short tooltipsto any element of your website more easily. This plugin shows tooltip on 12 functional position and has 4 color themes. It's lightweight and fast.

17. PowerTip

PowerTip features a very flexible design that is easy to customize, gives you a number of different ways to use the tooltips, has APIs for developers, and supports adding complex data to tooltips. It is being actively developed and maintained, and provides a very fluid user experience.

18. Colortip

Colortip is a simple jQuery tooltip plugin. It is going to convert the title attributes of elements withing your page, into a series of colorful tooltips. Six color themes are available, so you can easily match it with the rest of your design.

19. Sweet Tooltip

Sweet Tooltip is a jQuery & CSS3-based tooltip, not merely a one-style tooltip but seven. This imageless tooltips are crafted using CSS power, linear-gradient, box-shadow, text-shadow, :after and :before selector, etc.

20. gips

Gips is a clean and simple jQuery tooltip plugin. Its simple, customizable, and easy to use. It also supports CSS themes.

21. Style-my-Tooltip

A simple jQuery plugin to better style native browser tooltips. Small in size script to enhance the look of tooltips. It works just like browser’s native tooltips with few options and styling via CSS.

22. Latest Tweets Tooltip

Here is a jQuery plugin for showing the latest tweets about a certain word or phrase. This plugin use jQuery Twitter Search Plugin.

23. jQuery Validation Tooltip

A drop in extension replacing error labels from jQuery Validation plugin with Bootstrap tooltips.

24. Mb Tooltip

(mb)Tooltip is a beautiful tooltip for your webpage in jQuery. Simply by placing a “title” attribute with your content as value, and then you can replace the ugly default tooltip with this smart and nice one.