Tooltipster is a lightweight jQuery tooltip plug-in that can help you quickly generate beautiful tooltip.
Main features
Tooltip supports HTML Tag content
Lightweight
Flexible and efficient
Simple Style definition, 100% CSS
Supports three themes
Supports firefox, Chrome, IE7/8/9, Opera, and Safari.
How to Use
HTML
<H1 class = "tooltip" title = "This is my image's tooltip message! "> Click here
Javascript
$ ('. Tooltip '). tooltipster ({animation: 'slide', // Default: fade arrow: true, // Default: true arrowColor: '', // Default: tooltip's background color delay: 200, // Default: 200 fixedWidth: 400, // Default: 0 followMouse: true, // Default: false offsetX: 0, // Default: 0 offsetY: 0, // Default: 0 overrideText: '', // Default: ''position: 'bottom-right', // Default: top speed: 500, // Default: 100 timer: 0, // Default: 0 tooltipTheme :'. my-custom-theme '// Default :'. tooltip-message '});
It is very easy to use and I hope you will like it!
Source: lightweight tooltip jQuery plug-in-Tooltipster