15+ Tooltip jQuery Plugins
15+ tooltip jQuery plugins for web designers to get inspired. Tooltip plugins to help the web developers to design a better UI and elegant web elements on their websites.
Tooltips are becoming an important part of web design nowadays. Tooltips are nothing but a small popups with useful information which appear on mouse hover on certain elements, these elements may be links, images or text. Tooltips helps the web design more enriching and space on the web layout is saved to some extent.
1) Tooltipster Tooltip jQuery Plugin [Download and Demo]
A powerful, flexible jQuery plugin enabling you to easily create semantic, modern tooltips enhanced with the power of CSS.
A simple jQuery tooltip plugin. It is going to convert the title attributes of elements withing your page, into a series of colorful tooltips. Six color themes are available.
4) tinyTips Tooltip jQuery Plugin [Download & Demo]
TinyTips is a very lightweight jQuery plugin that gives the ability to add tooltips to pretty much any element on a page. Thoroughly documented and designer friendly. TinyTips is easy to install and use.
5) aToolTip Tooltip jQuery Plugin [Demo & Download]
aToolTip is lightweight, easy to use, has choice of fixed, click or on mouse follow tips, highly customizable and compatible with older browsers.
6) iPicture² Image Tooltip jQuery Plugin [Demo & Download]
7) ChillTip Version 1.1 jQuery Plugin [Demo & Download]
Designed by Christopher Hill, ChillTip is a JQuery Plugin that allows you to have a custom designed tooltip for your website. It can be used for span, img, anchor attributes and pretty much anything else that uses the title attribute. ChillTip has been tested with IE6, IE7, IE8, Firefox, Google Chrome, Opera and Safari.
8) Poshy Tip – A jQuery Tooltip Plugin [Demo & Download]
Poshy Tip needs just one big image for the tooltip body and +1 for the arrow. Has advanced positioning options. Can asynchronously load tooltip contents.
9) Style My Tooltips jQuery Plugin [Demo & Download]
A simple, lightweight jQuery plugin to enhance the look of browser tooltips. Small in size (4kb unminified) script that works just like browser’s native tooltips with few options and styling via CSS.
10) lpTooltip jQuery Plugin [Demo & Download]
This is a tooltip jQuery plugin by Señor Luke Peters, which can do multi-line captions.
TipPop automaticly finds best availible position for a tooltip. Works with fixed elements.
12) TipTip Tooltip jQuery Plugin [Demo & Download]
TipTip is a very lightweight and intelligent custom tooltip jQuery plugin.
It uses ZERO images and is completely customizable via CSS. It’s also only 3.5kb minified!
13) miniTip Tooltip jQuery Plugin [Demo & Download]
14) Sticky Tooltip Script [Demo & Download]
This script adds a rich HTML tooltip to elements that’s revealed when the mouse rolls over them, in which the tooltip follows the cursor around as it moves about within the element. The tooltip can be “stickied”, or kept visible on the screen by right clicking on pressing “s” should the user wish to interact with some content within the tooltip, such as click a link inside it. The contents for each tooltip are simply defined as regular HTML on the page, making them very easy to define and customize. Throw in a subtle fade in effect, and you’ve got yourself a tooltip that can do more than just show extra information, but serve it as well!
15) PowerTip Tooltip jQuery Plugin [Demo & Download]
PowerTip features a very flexible design that is easy to customize, gives you a number of different ways to use the tooltips, has APIs for developers, and supports adding complex data to tooltips. It is being actively developed and maintained, and provides a very fluid user experience.
16) Tipped Tooltip jQuery Plugin [Demo & Download]
17) Latest Tweets Tooltip Plugin [Demo & Download]
This jQuery plugin shows the latest tweets about a certain word or phrase. This plugin is using the jQuery Twitter Search Plugin.
18) EZPZ Tooltip jQuery Plugin [Demo & Download]
19) jQuery Bubble Popup v. 3.0 [Demo & Download]
jQuery Bubble Popup v. 3.0 display the tooltip bubble smart, animated and shadowed with just few lines of code.
Tooltip Tutorial Bonus:
1) Bubble Point Tooltip With CSS3 Tutorial [Tutorial, Demo & Download]
2) A Better Tooltip with jQuery Awesomeness [Tutorial, Demo & Download]