Bubble-Shaped Tooltips With jQuery: Grumble.js
22
Jul
Grumble.js, a jQuery plugin by the developers of Huddle.com, enables us to create tooltips as bubbles.
The positioning of these tooltips are very flexible and, with the help of "angle" and "distance" settings, they can be pixel-perfectly placed (by using CSS3 transforms and Matrix filters for IE).
Bubbles come from a sprite image and the plugin decides which image to use according to the size of the text.
Tooltips are displayed with a fadeIn/fadeOut effect, can be set to auto-disappear or stay visible until they are closed.
There are also callbacks on every level: onShow, onBeginHide and onHide.
Requirements: jQuery
Compatibility: All Modern Browsers
Website: http://jamescryer.github.com/grumble.js/
Download: https://github.com/jamescryer/grumble.js
Compatibility: All Modern Browsers
Website: http://jamescryer.github.com/grumble.js/
Download: https://github.com/jamescryer/grumble.js
- Tags:
CSS3
- Filed under: Browsing, Goodies, Other License
- 2 Comments
2 Responses for "Bubble-Shaped Tooltips With jQuery: Grumble.js"
I love these Tooltips.. Their really lifts the experience of a website – makes it more interactive… Good stuff. I’ve tried other tooltips, but not Grumble. I’ll give it a crack! Good blog!
This is fun. Ranks right up there with the coda bubbles (http://jqueryfordesigners.com/coda-popup-bubbles/) and qTip (http://craigsworks.com/projects/qtip/). Thanks for sharing!