evolutionTip jQuery Plugin

jQuery.fn.evolutionTip

This plugin renders an intelligently-positioned tool tip over an element when the element is hovered. The tip's content is read from a custom data attribute, falling back to title and then alt.

Usage

Register an element to display tool tips when hovered

$('selector').evolutionTip(options);

Options

• template: template defining the markup of an individual tip.
  • default: '<div class="tip"><%= content %></div>'
• attribute: Data attribute to prefer over title and alt.
  • default: 'tip'
• horizontal: Identifies how to align the tip horizontally relative to the element. If not defined, automatically determined. Values: left, center, or right.
  • default: undefined
• vertical: Identifies how to align the tip vertically relative to the element. If not defined, automatically determined. Values: above, below.
  • default: undefined