Download
User Rating: 0/5 ( 0 votes)
Tipsy is a jQuery plugin for creating a Facebook-like tooltips effect based on an anchor tag's title attribute.
Tipsy gives you very minimal and stylish tooltips without a bunch of fluff. It has all of the features that you need, like positioning and fade, and nothing superfluous that you’re never going to use.
The Javascript
$('#example-1').tipsy();
Summary of Configuration Options
Here is the default options declaration:
$.fn.tipsy.defaults = {
delayIn: 0, // delay before showing tooltip (ms)
delayOut: 0, // delay before hiding tooltip (ms)
fade: false, // fade tooltips in/out?
fallback: '', // fallback text to use when no tooltip text
gravity: 'n', // gravity
html: false, // is tooltip content HTML?
live: false, // use live event support?
offset: 0, // pixel offset of tooltip from element
opacity: 0.8, // opacity of tooltip
title: 'title', // attribute/callback containing tooltip text
trigger: 'hover' // how tooltip is triggered - hover | focus | manual
};
Notes
Tipsy needs to erase any existing value for an element's title attribute in order to suppress the browser's native tooltips. It is stashed in the element's original-title attribute in case you need to retrieve it later.
As of version 0.1.4, the tooltip text is recomputed on every hover event so updating the title attribute will have the expected effect.
JS Tutorial
