20 Examples of jQuery Tooltip Plugins

1 1 1 1 1 1 1 1 1 1 Rating 3.85 (17 Votes)
20 Examples of jQuery Tooltip Plugins 3.8 out of 5 based on 17 votes.

Tooltip is a good way to show extra information when user hovers the cursor over an element, If a tooltip on your website is very well made and looks amazing then it can improve our site’s user friendly level, and also save us a lot of spaces. In this post we have collected 20 of the best jQuery Tooltip Plugins to help with your next project to create User friendly Web Design.

1. Fancy Thumbnail Hover Effect w/ jQuery dynamically loads an image in full size when you hover over it’s thumbnail counterpart.

Fancy Thumbnail Hover Effect w/ jQuery

2. TipTip is a jQuery plugin that allows use to create simple, customizable Tooltips for your web page. It is really lightweight (only 3.5kb minified).

TipTip

 

3. TinyTips is a lightweight jQuery plugin that enables you to add tool tips in your web page. You can use jQuery $() function to select any element in your page and apply TinyTips.

TinyTips

 

4. Coda Bubble jQuery Plugin allows you to add popup tooltips as seen on Panic’s Coda software page.

Coda_Bubble

 

5. Sticky Tooltip is jQuery plugin that allows you to add a rich HTML tooltip to elements on your webpage.

Sticky_Tooltip

 

6. qTip is an advanced tooltip plugin powered by jQuery JavaScript framework. It is cross-browser, highly customizable, feature rich script that allows you to create beautiful tooltips.

qTip

 

7. BeautyTips is a jQuery tooltips plugin which uses the canvas drawing element to dynamically draw tooltips associated with an html element.

BeautyTips

 

8. Dynamic tooltip Very cool tooltip! It’s very well made because it consists of cool transition effects and it also has a transparency and a drop shadow effect.

Dynamic tooltip

 

9. Prototip 2: A lot of various very good looking tooltips which look awesome and have beautiful effects. Brilliant peace of work!

Prototip2

 

10. Coda Popup Bubble with cool transition effect and it also has a drop shadow.

Coda Popup Bubble

 

11. Input Floating Hint Box

with rounded corners for input fields. Tooltip fades in when you click on the input field and fades out when you click somewhere else.

Input Floating Hint Box

 

12. vTip with a fade in transition effect. It has a cool looking border around it and when this tooltip appears, it also follows your mouse.

vTip

 

13. jTip is simple but useful tooltip for login form.

jTip

 

14. Tipsy which appears above, below, on the right or left side of the link.

Tipsy

 

15. jQuery Ajax Tooltip which can handle image and text together like a mini page. It has a drop shadow effect.

Ajax_Tooltip

 

16. Easy Tooltip will read the title attribute of the element and convert it into fade-in tooltip that you can style any way you want. Important note, it doesn’t have to be an anchor tag.

Easy_Tooltip

 

17. jQuery (mb)Tooltip 1.6

mbTooltip

 

18. 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.

clueTip

 

19. Orbital Tooltip where you can set manually where your tooltip will show up.

Orbital Tooltip

 

20. Easiest jQuery Tooltip Ever could be useful to display an image when you hover over a link.

Easiest jQuery Tooltip Ever

People Who Read This Article Also Interested IN:
360 Degree jQuery Panorama Plugins
360 Degree jQuery Panorama Plugins
Best free jQuery plugins and tutorials to create 360
20 Free jQuery Drag And Drop Web Interfaces
20 Free jQuery Drag And Drop Web Interfaces
jQuery manages to brings the real goodies to us with
Free PSD / HTML Admin Templates
Free PSD / HTML Admin Templates
Free HTML admin template for web developer and design
30 Free Responsive HTML Website Templates
30 Free Responsive HTML Website Templates
Responsive website design and layouts are mainstream
45 Elegant and Modern Free Drupal 7 Themes
45 Elegant and Modern Free Drupal 7 Themes
In this post we are showcase very modern and pro
Interactive jQuery Chart and Graph Plugins
Interactive jQuery Chart and Graph Plugins
This post offers free javascript libraries and jQuery

REVIEWS:

blog comments powered by Disqus
RECONNAISSANCE DES SPONSORS

POPULAR Articles

Written on 07/04/2013, 16:00 by Monet Eisen J
You will aquire enough skills to make your own underwater or rain effects if you go...
Written on 07/04/2013, 16:11 by Monet Eisen J
Compilation of Photoshop tutorials is specifically geared towards learning the features...
Written on 07/12/2012, 02:29 by Monet Eisen J
It seems that Christmas time is here once again, and it is time again to bring in the...
Written on 03/01/2013, 12:06 by Monet Eisen J
The year 2013 starts with a lot amount of excellent free WordPress themes will be...
Written on 02/01/2013, 01:37 by Monet Eisen J
Therefore, you can easily see facebook like and pinterest buttons and other social...
Written on 31/12/2012, 12:37 by Monet Eisen J
Ways to build a community that provides high quality user profile page on a website to...
Written on 30/11/2012, 01:25 by Monet Eisen J
For art designers the most basic things is extraction the images from the photo...
Written on 31/12/2012, 02:27 by Monet Eisen J
Today we can find thousands of free icons over the internet to make use of those free...

Recent Articles

Written on 20/05/2013, 02:17 by Monet Eisen J
Metro UI style is an minimal design based on “less is more” has originated from...
Written on 15/05/2013, 02:23 by Monet Eisen J
In this post is an list of free Calculator UI Kit for ipad, iphone and other mobile...
Written on 14/05/2013, 07:32 by Monet Eisen J
Here's a list of free and premium WordPress Wedding Themes to display of photo married...
Written on 14/05/2013, 06:36 by Monet Eisen J
Here' s an fresh sets of ui kits with .psd source are contain huge element like...
Written on 14/05/2013, 01:23 by Monet Eisen J
We know the heavy and bold fonts is the best choice of material for big headlines and...
Written on 07/04/2013, 16:11 by Monet Eisen J
Compilation of Photoshop tutorials is specifically geared towards learning the features...

Write for Us

The content on Visionwidget comprise of general design articles, how-to articles, design tutorials and miscellaneous matter related to designing, the blog also covers topics like Blogging, CSS, Fonts, WordPress, Tutorials, Web Designing, HTML and Inspiration in general.

If you want to avail this great opportunity to write for us, please contact at visionwidget[a]gmail.com

Copyright © 2013 Visionwidget - Visual Impression and Frond-End Observation. All Rights Reserved.