bubbletip! A jQuery Coda-style bubble tooltip plugin
Download
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.
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 » ]