tipsy - Facebook-style tooltip plugin for jQuery

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:

Hover over me

Basic example:
$('#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
Gravity example:
$('#foo').tipsy({gravity: 'n'}); // n | s | e | w

Fading

For full Wob2.0 compliance, you must fade these badboys in:

Hover over me

Fade example:
$('#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