Exciting news!Announcing our $4.6M Series Seed. Learn more
Socket
LoveBlogFAQ
Install
Log in

jquery.tipsy

Package Overview
Dependencies
1
Maintainers
1
Versions
2
Issues
File Explorer

Advanced tools

jquery.tipsy

Facebook-style tooltip plugin for jQuery

    1.0.3latest

Version published
Maintainers
1
Yearly downloads
12,505
increased by40.68%

Weekly downloads

Readme

Source

tipsy

Facebook-style tooltip plugin for jQuery

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

Released under The MIT License.

This is fork maintained by @MartinMartimeo, because former repository is stale

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/{javascripts,stylesheets} to the corresponding asset directories in your project.

  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>

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.

Keywords

Socket

Product

Subscribe to our newsletter

Get open source security insights delivered straight into your inbox. Be the first to learn about new features and product updates.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc