jtipsy
v1.0.1
Published
Facebook-style tooltip plugin for jQuery
Downloads
421
Readme
jtipsy
Facebook-style tooltip plugin for jQuery
(c) 2008-2010 Jason Frame ([email protected])
Released under The MIT License.
This is fork maintained by @xomyaq, because former repository is stale
Description:
jtipsy is a simple jQuery plugin for generating Facebook-style tooltips.
It's used by Twitter, Github, Slideshare and Bitbucket, amongst others.
Homepage:
http://onehackoranother.com/projects/jquery/tipsy
Usage:
Copy the contents of src/{javascripts,stylesheets} to the corresponding asset directories in your project.
Insert the neccesary elements in your document's
<head>section, e.g.:<script type='text/javascript' src='/javascripts/jquery.tipsy.js'></script> <link rel="stylesheet" href="/stylesheets/tipsy.css" type="text/css" />
Remember to include jquery.tipsy.js after including the main jQuery library.
Initialise Tipsy in your document.onload, e.g.:
<script type='text/javascript'> $(function() { $('a[rel=tipsy]').tipsy({fade: true, gravity: 'n'}); }); </script>
Since jQuery 1.9, 'live' tipsy expects selector as live option, e.g:
$(document).tipsy({
live: '.live-tooltip'
});Shadow:
You can add shadow to Tipsy like this :
<script type='text/javascript'>
$(function() {
$('a[rel=tipsy]').tipsy({fade: true, gravity: 'n', shadow: true, shadowBlur: 10, shadowOpacity: 1, shadowSpread: 1});
});
</script>Please refer to the docs directory for more examples and documentation.