WEB DEV

20 Examples of jQuery Tooltip Plugins

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

{ads1}

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

Sponsors Adverts

POPULAR Articles

Written on 08/04/2014, 00:04
A family of thirty precision-crafted vector glyphs. Elegant. Simple. Modern. The modern minimal glyphs were created as a humble set of icons...
Written on 15/04/2014, 00:28
Here collection of logo mockups for free download will helpful save time for logo and graphical designers to making a new logo when inspiring ideas from...
Written on 17/04/2014, 10:59
If you are searching for free html5 and css3 responsive website templates to boost your website functionality, took a little extra time to see templates...
Written on 09/04/2014, 11:39
When we come to designing, we have to implement a lot of styling features. Whether it would be a logo design or any kind of poster making , efforts are...
Written on 09/04/2014, 10:54
Brand identity in the pre-established brand positioning is very critical stage; only a clear positioning and consumers can have emotional side of the...
Written on 07/04/2014, 23:13
With the following powerful and elegant jQuery notification plugins that easy to create alert,success,error,warning,information and confirmation...
Written on 09/06/2014, 07:07
The occupation of rocinha a notorious hillside "favela" that overlooks some of rio's swankiest areas is a crucial part of the city's preparations to...
Written on 05/06/2014, 08:15
Flat elements is became a popular search keyword and triggered wide web designers and ui developers academic research, Also vital to...
Written on 11/06/2014, 08:24
Developing the logo design concept is where creativity comes into play, this is where the designer must create the logo by using the design brief and...