bubbletip

A jQuery plugin to create a bubble-stylized tooltip popup

download

http://code.google.com/p/bubbletip/

features

examples

MOUSEOVER to open a tooltip above, below, to the left or to the right of any element.

MOUSEOVER a trigger element [ bind / unbind ] to open a tooltip above and below a target element.

MOUSEOVER any trigger, trigger, trigger, trigger to open a tip on a target.

FOCUS & BLUR

usage

the "trigger" element is the element upon which the bubbletip is instantiated:

<a id="a1_up" href="#">above</a>

the "tip" element should be hidden (display:none) and contain the contents of the tip to be displayed:

<div id="tip1_up" style="display:none;"><pre class="tip">{ deltaDirection: 'up' }</pre></div>

the javascript to create the bubbletip:

<script type="text/javascript">
    $(window).bind('load', function() {
        $('#a1_up').bubbletip($('#tip1_up'));
    });
</script>

the javascript to remove all tips from the trigger element:

$('#a1_up').removeBubbletip();

the javascript to remove an array of specified tips from the trigger element:

$('#a1_up').removeBubbletip([$('#tip1_up'), ...]);

options