Free jQuery Tooltip Plugin, Easy to Use and Configure.

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>
4. <!– Include the plugin (make sure this is the correct directory) –>
5. <script type=“text/javascript” src=“js/tooltip.js”></script>
7. <!– Invoke the script and plugin –>
8. <script type=“text/javascript”>
9. $(function() {
10. // Target elements to apply, and options to pass to the API
11. $(“a.tooltip”).tooltip({offset: [15, 20]});
12. });
13. </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:

link

View Demo or Download