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
+-
+
- Automatically select gravity based on position of pointee in viewport +