@atlassian/tipsy

1.3.3 • Public • Published

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.

Source:

Hosted at Github; browse at:

http://github.com/atlassian/tipsy/

Or clone from:

git://github.com/atlassian/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.

Readme

Keywords

Package Sidebar

Install

npm i @atlassian/tipsy

Weekly Downloads

1,021

Version

1.3.3

License

MIT

Unpacked Size

35.6 kB

Total Files

12

Last publish

Collaborators

  • sfp-release-bot
  • tsebastian
  • mkem114
  • timse
  • cdarroch
  • mszpyra
  • bcytrowski
  • macku