Joomla beauty tooltip module, plugin, extension, component.

• Two usage variants
• Tons of options for customization

{arijbeautytips tooltip="Tooltip text"}
  Element with tooltip
{/arijbeautytips }

{arijbeautytips title="Tooltip title"}
  {arijbtcontent}
    Content text
  {/arijbtcontent}
  {arijbttext}
    Tooltip text
  {/arijbttext}
{/arijbeautytips}

Parameters:

• wrapTag – HTML tag to wrap. Most common: div, span
• trigger – Trigger to show/hide tip. Values: use "on, off" to define separate on/off triggers, also use space character to allow multiple to trigger. Examples: 'focus,blur' - focus displays, blur hides; 'dblclick' - dblclick toggles on/off; 'focus mouseover,blur mouseout' - multiple triggers
• clickAnywhereToClose - Clicking anywhere outside of the tip will close it. Values: true, false
• closeWhenOthersOpen - Tip will be closed before another opens. Values: true, false
• shrinkToFit - Should short single-line content get a narrower balloon?. Values: true, false
• width - Width of tooltip box. Values: width
• padding - Padding for content (get more fine grained with 'cssStyles' option). Values: padding
• spikeGirth - Width of spike. Values: number
• spikeLength - Length of spike. Values: number
• overlap - Spike overlap (px) onto target. Values: number
• overlay - Display overlay on target. Values: true, false
• killTitle - Kill title tags to avoid double tooltips. Values: true, false
• textzIndex - z-index for the text. Values: number
• boxzIndex - z-index for the "talk" box (should always be less than textzIndex). Values: number;
• wrapperzIndex - z-index for the wraper. Values: number
• positions - Preference of positions for tip (will use first with available space). Values: most,top,bottom,left,right
• fill - Fill color for the tooltip box, you can use any CSS-style color definition method. Values: string
• windowMargin - Space (px) to leave between text box and browser edge. Values: number
• strokeWidth - Width of stroke around box, set to 0 for no stroke. Values: number
• strokeStyle - Color/alpha of stroke. Values: string
• cornerRadius - Radius of corners (px), set to 0 for square corners. Values: number
• centerPointX - The spike extends from center of the target edge to this point defined by percentage horizontal (x) and vertical (y). Values: real number
• centerPointY - The spike extends from center of the target edge to this point defined by percentage horizontal (x) and vertical (y). Values: real number
• shadow - Use drop shadow? (only displays in Safari and FF 3.1). Values: true, false
• shadowOffsetX - Shadow offset x. Values: number
• shadowOffsetY - Shadow offset y. Values: number
• shadowBlur - Shadow blur (px). Values: number
• shadowColor - Shadow color/alpha. Values: string
• shadowOverlap - When shadows overlap the target element it can cause problem with hovering set this to true to overlap. Values: true, false
• noShadowOpts - Use this to define 'fall-back' options for browsers which don't support drop shadows. Values: string
• cssClass - CSS class to add to the box wrapper div. Values: string
• cssStyles - Styles to add the text box. Values: string in the following format: "prop:'value',prop1:'value1',.."
• activeClass - Class added to TARGET element when its tooltip is active. Values: string
• contentSelector - If there is no content argument, use this selector to retrieve the title a function which returns the content may also be passed here. Values: string
• ajaxPath - If using ajax request for content, this contains url. Values: string
• ajaxError - Error text, use "%error" to insert error from server. Values: string
• ajaxLoading - Loading message. Values: string
• ajaxData - AJAX data. Values: string in the following format: "key:value,key1:value1,..."
• ajaxType - AJAX request type. Values: GET, POST
• ajaxCache - Cache ajax results and do not send request to same url multiple times. Values: true, false
• ajaxOpts - Any other ajax options. Values: string in the following format: "key:value,key1:value1,..."
hoverIntentOpts - Options for hoverIntent. Values: string in the following format: "key:value,key1:value1,..."