Tooltip jQuery Plugins: 10+ jQuery Plugins To Create A Useful Tooltip

Tooltip known as a one of the most useful way to show additional information when every user moves the cursor over an item.These jQuery plugins are very faster than any one and every web developer prefer this.  The “hover box” appears when the mouse cursor in and disappear when the mouse cursor out.

In this collection we have 10+ jQuery Plugins To Create A Useful Tooltip.

1. Orbital Tooltip

With the Orbital Tooltip you can choose to position the tooltip on any object in a 360 degrees around it.

2. Simpletip

Simpletip allows you to create tooltips with ease on any element on the page using the power of jQuery’s selectors and event management. The tooltips can be static, dynamic, or even loaded through AJAX with a variety of different visual effects.


 3. qTip

qTip is an advance tooltip plugin which provides tonnes of features like rounded corners and speech bubble tips.

4. jQuery (mb)Tooltip

jQuery (mb)Tooltip is a beautiful alternative tooltip which is depended on jQuery timers and dropshadow plugins. It has a lot of options for different needs.

 jQuery (mb)Tooltip

 5. jQuery Tools/Tooltips

This tooltip plugin can contains any HTML element such as links, table, forms, and images. Implementing this plugin is very easy. The default effects are sliceup and toogle. However, you can easily build your own effects.

6. jQuery Input Floating Hint Box

It provides an automatic box hint in the right side of an input, when focus on that input, and disappear when focus go (blur).

 7HTML Tooltip

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. The tooltip appears directly beneath the anchor link, and adjusts its position dynamically based on whether the mouse is too close to the window’s edges.

8. clueTip

The clueTip plugin allows you to easily show a fancy tooltip when the user’s mouse hovers over (or, optionally, clicks on) any element you designate in your script.

9. Tipsy

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

 10. jqTooltip

The jQuery Tooltip Plugin allows you to easily create tooltips with ajax content.

 11. Hovertips

The hovertip plugin is quite flexible. With a little javascript, you can customize which nodes become the tooltips and which targets activate them.

jquery Hovertips

 12. BetterTip

BetterTip is a plugin for the JQuery library that allows you to create custom tool tips. It is based on  Cody Lindley’s jTip, but it is much more flexible.


13. BeautyTips

BeautyTips is a simple-to-use balloon-help style tootip plugin. Any element on the page can be set to show a talk-balloon containing any text or HTML on hover, click, or any bindable event.

14. jTip

jTip pulls content into a tool tip using the HttpXMLRequest object. By adding a class attribute value of “jTip” to a link element you can create a tooltip from the content found in the file the href is pointing too.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.