Free jQuery Tooltip Plugin, Easy to Use and Configure.

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

Leave a Comment.