Facebook-style tooltip plugin for jQuery
(c) 2008-2011 Jason Frame (jason@onehackoranother.com)
Released under The MIT License.
tipsy is a simple jQuery plugin for generating Facebook-style tooltips.
It's used by Twitter, Github, Slideshare and Bitbucket, amongst others.
http://onehackoranother.com/projects/jquery/tipsy
Hosted at GitHub; browse at:
http://github.com/jaz303/tipsy/tree/master
Or clone from:
git://github.com/jaz303/tipsy.git
-
Copy the contents of
src/{javascripts,stylesheets}to the corresponding asset directories in your project. -
Insert the necessary 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 DOM ready handler, e.g.:
<script type='text/javascript'> $(function() { $('a[rel=tipsy]').tipsy({fade: true, gravity: 'n'}); }); </script>
Please refer to the docs directory for more examples and documentation.