Skip to content

jaz303/tipsy

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

Removed forking section of readme for now (see #124)
3545aa6 1

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
December 21, 2009 22:20
June 17, 2008 22:30
October 18, 2012 10:24
May 6, 2010 14:59

tipsy

Facebook-style tooltip plugin for jQuery

(c) 2008-2010 Jason Frame (jason@onehackoranother.com)

Released under The MIT License.

Description:

tipsy 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

Source:

Hosted at GitHub; browse at:

http://github.com/jaz303/tipsy/tree/master

Or clone from:

git://github.com/jaz303/tipsy.git

Usage:

  1. Copy the contents of src/{images,javascripts,stylesheets} to the corresponding asset directories in your project. If the relative path of your images directory from your stylesheets directory is not "../images", you'll need to adjust tipsy.css appropriately.

  2. 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.

  1. Initialise Tipsy in your document.onload, 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.