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

Demo page

http://uhleeka.com/demo/bubbletip/

Discuss

http://groups.google.com/group/bubbletip

Features

• multiple tips on a page
• multiple tips per jQuery element
• tips open outward in four directions:
  • up
  • down
  • left
  • right
• tips can be:
  • anchored to the triggering jQuery element
  • absolutely positioned
  • opened at the current mouse coordinates
  • anchored to a specified jQuery element
• IE png transparency is handled via filters

Tested (lightly)

• IE 6 on XP
• IE 7 and 8 on Vista
• Firefox 3.5 on Vista
• Chrome 3.0 on Vista
• Safari 3.2 on Vista

Examples

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

MOUSEOVER a trigger element to open a tooltip above and below a target element.

{ deltaDirection: 'up' }

{
    deltaDirection: 'down',
    deltaPosition: 100,
    offsetTop: 10
}

{
    deltaDirection: 'left',
    animationDuration: 100,
    offsetLeft: -20
}

{
    deltaDirection: 'up',
    positionAtElement: $('#a1_target')
}

{
    deltaDirection: 'down',
    positionAtElement: $('#a1_target')
}

Using it?

If you enjoy using it, I’d love to hear about it. Drop a comment with a link!

Credit

bubbletip was inspired by http://jqueryfordesigners.com/coda-popup-bubbles/.