Web users love informative clues. Whatever questions and misunderstandings might occur – delivering precise answers immediately is the primary task a responsive user interface should be able to cope with. To do that, developers have to consider subtle and well-thought tooltips – used correctly, they can greatly improve user experience and help users to get things done. In Web such “responsive” hints can be provided by tooltips. E.g., unclear input fields in web forms are perfect examples of a situation you might be willing to use a tooltip for. 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. Have a look below “Amazing Useful Examples of jQuery Tooltip Plugins” and do experiments with jquery. Enjoy
which can handle image and text together like a mini page. It has a drop shadow effect.
where you can set manually where your tooltip will show up.
Beauty Tips is a jQuery tooltips plugin which uses the canvas drawing element to dynamically draw tooltips associated with an html element.
Easiest JQuery Tooltip Ever could be useful to display an image when you hover over a link.
with rounded corners for input fields. Tooltip fades in when you click on the input field and fades out when you click somewhere else.
with a fade in transition effect. It has a cool looking border around it and when this tooltip appears, it also follows your mouse.
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.
This plugin is yet another product from my development work on Build It With Me. I wanted a sweet & simple custom tooltip, but nothing I found seemed to be smart enough for what I needed.
Browsers will automatically display a tooltip when you provide a
title attribute. Internet Explorer will also use the alt attribute. But, in this tutorial I’m going to show you how to quickly write a jQuery plugin that will replace the typical browser tooltip with something a little flashier.
This one has a little bit extra to my previous demonstration. Links in the pop-ups.The method is based on my drop-down and flout menus whereby Internet Explorer can be made to recognise nested links by using tables.
The new jQuery Tools book by Alex Libby explores the library in a precise and structured fashion. If you are getting started on jQuery Tools or looking for better ways to use the library, this book will be your ally.
It displays a tooltip image when user hover on the thumbnail with fadein and out effect. it’s a useful script for your website.