Overview
Tipsy is a jQuery for creating a Facebook-like tooltips effect based on an anchor tag's title attribute.
Examples & Usage
Basic
By default, tooltips will appear centred underneath their anchor:
$('#example-1').tipsy();
Gravities
Using the gravity parameter, it's possible to control the positioning of the tooltip relative to the pointee:
North | South |
East | West |
$('#foo').tipsy({gravity: 'n'}); // n | s | e | w
Fading
For full Wob2.0 compliance, you must fade these badboys in:
$('#example-fade').tipsy({fade: true});
Bonus Feature
You can EVEN COMBINE FADE AND GRAVITY! (exercise for reader)
Download
Package
Package downloads are available from the jQuery project page.
github
jason@donut ~ $ git clone git@github.com:jaz303/tipsy.git
TODO
- Automatically select gravity based on position of pointee in viewport