Free jQuery Tooltip Plugin, Easy to Use and Configure.

Monday, July 27, 2009 1:33
Posted in category Development, Jquery

jQuery is one of the strongest and most flexible javascript libraries to use in web development. With the framework and API being so open and well documented, it’s easy for a developer of any skill level to develop their own effects and plugins. Today we offer you a jquery tooltip plugin for download. This plugin is a mod of the original made by Flowplayer with enhanced ease implementation and accessibility. Please take the time to review the documentation and understand some minor differences:

jquery

Tooltip jQuery Implementation

  1. <!– Include jQuery (using google’s cdn is the best way)
  2. <script type=“text/javascript” src=“http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js”></script>
  3. <!– Include the plugin (make sure this is the correct directory) –>
  4. <script type=“text/javascript” src=“js/tooltip.js”></script>
  5. <!– Invoke the script and plugin –>
  6. <script type=“text/javascript”>
  7. $(function() {
  8. // Target elements to apply, and options to pass to the API
  9. $(“a.tooltip”).tooltip({offset: [15, 20]});
  10. });
  11. </script>

Tooltip HTML Implementation

The tooltip reads the target (in the example above, the target would be all <a> tags with the class of tooltip), and creates a tooltip based upon the title attribute on that link. For example:

  1. <a class=“tooltip” href=“#” title=“link text”>link</a>
link

View Demo or Download

  • Digg
  • del.icio.us
  • StumbleUpon
  • Technorati
  • Reddit
  • DZone
  • Propeller
  • Diigo
  • Facebook
  • LinkedIn
  • Yahoo! Buzz
  • Google Bookmarks
  • Live
  • Mixx
  • MySpace
  • PDF
  • Faves
  • MisterWong
  • Netvibes
  • Netvouz
  • NewsVine
  • RSS
  • Sphinn
  • Design Float
  • HackerNews
  • Current
  • FriendFeed
  • FSDaily
  • Global Grind
  • Kirtsy
  • Xerpi
  • IndianPad
  • Tumblr
  • Twitthis

Related Posts :

  • Share/Bookmark
You can leave a response, or trackback from your own site.

One Response to “Free jQuery Tooltip Plugin, Easy to Use and Configure.”

  1. pollution says:

    December 29th, 2009 at 8:50 PM

    Good and easy to use plug in.Thanks for this post

Leave a Reply

Spam Protection by WP-SpamFree