jQuery ezTip Tooltip Plugin

This is a bare-bones page to demonstrate the bare-bones ezTip plugin for jQuery. Description of plugin options can be found in the source file.

Download all of the files.

How to use:

$(document).ready(function() {
  $(containerElement).eztip(invokingElement, [optionsMap]);
});

Because this plugin uses homespun event delegation, the syntax may seem a little odd. The first argument of .eztip() is required. It should be a selector that matches the elements for which you wish to show a tooltip. The containerElement provides context so you can specify where exactly the event handlers are bound. (this differs from the .live() method introduced in jQuery 1.3, which binds the all handlers to document).

Code used for this page:

$(document).ready(function() {
  $('table').eztip('a', {contentAttrs: ['title','href'], opacity: .6});
});

Demo

The table below contains 2,002 links that will display tooltips when you mouse over them. With most tooltip plugins, events would be bound to every single link, likely crippling your browser.