jQuery is a great framework for creating interactive and dynamic user interfaces. The availability of plugins targeting nearly any area of web front end development is amazing and really speeds up developers work. This post focus on plugins that provide tool tip functionality and as you will see in a minute there are plenty of good looking and flexible options.
A tooltip is a small box that appears near an object in a graphical user interface (GUI) when a pointer or other cursor controlled by a mouse passes over or rests on that object and which contains a brief text message identifying or explaining the object. This a very useful technique for making your web pages (or really any type of GUI) more intuitive and easier to use, particularly where the purpose of some GUI objects may not be immediately apparent. If used right tool tips can significantly improve usability and reduce the frustration of inexperienced users fx. when providing to them a complex form.
Easiest Tooltip and Image Preview Using jQuery
GoodTip
bassistance
BeautyTips
jQuery Tooltip Plugin
jQuery Tooltip
qTip
Inline HTML Tooltip
Prototip 2
jGrowl
Simpletip – A simple jQuery Tooltip Plugin
jQuery plugin EZPZ Tooltip
Coda Popup Bubbles
jQuery Input Floating Hint Box
jTip
jQuery ClueTip Plugin
Tipsy – Facebook-Style Tooltip Plugin for jQuery
Pop! Simple Pop Menus with jQuery
vTip
jQuery (mb)Tooltip 1.6
Related posts
- 5 New jQuery Plugins I bet You have not seen before jQuery is very popular and there’s a lot of...
- 30+ jQuery Plugins to Improve Usability and Look and Feel of HTML Forms Forms are essential for communication online and they are...
- 15 jQuery Plugins You will find useful in 2010 2009 was the year I started tripwire magazine. It...
- Toolkit with 6 Awesome jQuery User Interface components I found jQuery Tools the other days and have...
- 15 jQuery Plugins Giving Web Interfaces Drag ‘N Drop Capabilities Like most others with a great interest in web...
Submit
More Links
January 28th, 2010 at 9:47 pm
powerfuLL? spelling #fail…….
January 29th, 2010 at 6:47 am
Nice collection!
I like jQuery very much and am always looking for new inspiration on how to use it.
Thanks for sharing!
February 1st, 2010 at 2:06 pm
Check out this very simple tooltip also, it can show you content from another file as well as us id tag to save link data, it also support images so that you can also show images on you tooltip, and it moves with mouse pointer.
http://intekhabrizvi.wordpress.com/2010/01/21/jquery-very-simple-tooltip-plugin-ajax-enabled-2/
February 1st, 2010 at 7:23 pm
@Intekhab thanks for the tip!
March 3rd, 2010 at 11:22 pm
This is a really old post found on Internet. Get new stuff please.
March 9th, 2010 at 1:52 pm
Beautytips is awesome. I integrated this effect in my blog to be loaded only in the relevant posts and it works perfect.
To use it in IE you need to load the additional excanvas.js file for it to work though (because the plugin uses the HTML canvas tag which is not fully detected by the annoying IE browser).
March 9th, 2010 at 5:55 pm
@Omer, It is really great when readers share ideas and what works, thanks a lot!