bubbletip! A jQuery Coda-style bubble tooltip plugin
Download
http://code.google.com/p/bubbletip/downloads/list
Demo page
http://uhleeka.com/demo/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.
MooTools.Tips Port v1.1 to v1.2
Converting an old v1.1 implementation of basic MooTips to v1.2 requires just a couple of steps. However, keep in mind that the 1.2 Tips object is strictly meant as a tool tip. You cannot hover over the tip, so there is no built-in way to add interactivity with your tip. Read more
MooTools.Tips v1.2
Back in the days of MooTools v1.1, MooTips was an external class designed to use an element’s “title” attribute to control the content of the tip. See a demo of the 1.1 version.
MooTools v1.2 includes a “Tips” class which operates very differently from the v1.1 extension. Browse the online documentation. Read more