7 best jQuery Plugins To Create a wonderful Tooltip
Tooltips are one of the most important JavaScript widgets on the web. Although important, they also happen to be a very badly misunderstood and poorly implemented component. This tool corrects the situation. You’ll get a professional piece of sofware that is easy to understand and use.
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.
qTip
qTip is an advanced tooltip plugin for the ever popular jQuery JavaScript framework.
Built from the ground up to be user friendly, yet feature rich, qTip provides you with tonnes of features like rounded corners and speech bubble tips, and best of all… it’s completely free under the MIT license!
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.
Orbital Tooltip
The concept behind the Orbital Tooltip is to allow more flexibility to developers needing more specific positioning for their tooltips. With this jQuery plugin, you can position a tooltip around any element in a 360 degrees around it!
Tipsy
Tipsy is a jQuery for creating a Facebook-like tooltips effect based on an anchor tag’s title attribute.
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.
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. If the element includes a title attribute, its text becomes the heading of the clueTip.
These all look good, but none of them have all of the following features in one place:
- Rounded corner
- Speech bubble pointer
- Drop shadow
- Support for IE6+ and all the other browsers
- Combination effect support for IE6+ and all the other browsers
If you come across a library that does all of these, please me know.
Thanks for featuring my plugins Boussacsou, much appreciated.
comctrl6, I’m actually working on drop shadows for qTip at the moment, which appears to be the only feature missing from your list. So stay tuned to the news feed for updates on this once qTip 1.0 is out!