https://github.com/jaz303/tipsy

Facebook-style tooltips plugin for jQuery
https://github.com/jaz303/tipsy

Last synced: 28 days ago
JSON representation

Facebook-style tooltips plugin for jQuery

• Host: GitHub
• URL: https://github.com/jaz303/tipsy
• Owner: jaz303
• License: mit
• Created: 2008-06-08T18:48:00.000Z (over 16 years ago)
• Default Branch: master
• Last Pushed: 2022-05-23T13:46:00.000Z (over 2 years ago)
• Last Synced: 2024-11-16T03:13:46.466Z (28 days ago)
• Language: JavaScript
• Homepage: http://onehackoranother.com/projects/jquery/tipsy/
• Size: 691 KB
• Stars: 2,010
• Watchers: 58
• Forks: 557
• Open Issues: 122
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-javascript - tipsy - Facebook-style tooltips plugin for jQuery - ★ 2048 (Tips)

README

        
# tipsy

Facebook-style tooltip plugin for jQuery

(c) 2008-2010 Jason Frame ([email protected])

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 `` section, e.g.:

   

        

        

 Remember to include jquery.tipsy.js *after* including the main jQuery library.

3. Initialise Tipsy in your document.onload, e.g.:

        

         $(function() {

	       $('a[rel=tipsy]').tipsy({fade: true, gravity: 'n'});

	     });

        

Please refer to the docs directory for more examples and documentation.