Submit your widget

Facebook-style tooltips with jquery plugin

Created 13 years ago   Views 16179   downloads 3882    Author jaz303
Facebook-style tooltips with jquery plugin
View DemoDownload
100
Share |

This is Simple Facebook-style tooltips plugin;

Tipsy is a jQuery plugin for creating a Facebook-like tooltips effect based on an anchor tag's title attribute.

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:

$('#foo').tipsy({gravity: 'n'}); // nw | n | ne | w | e | sw | s | se

 

As of version 0.1.3, it's possible to use a callback function to set the gravity dynamically at hover-time. Within the callback, this refers to the active element, and the function should return the calculated gravity as a string. Two demo callbacks are supplied - $.fn.tipsy.autoNS and $.fn.tipsy.autoWE - which select north/south and west/east gravity, respectively, based on the element's location in the viewport.

For more information, please download it