360 Rotatable Bubble Style Tooltips: grumble.js

grumble.js is a jQuery plugin which lets you add a bubble style tooltip to any element; configure its rotation on a 360 degree axis and define its distance from the centre of the element.

Bubble size adapts to contents – perfect when text is localised and size can not be determined up front.

Features

• Rotated around a given element at any angle, all 360 degrees
• Any CSS style can be applied
• FX queues for animating multiple tooltips

grumble.js uses buzzwords like CSS3 and ‘maths’ to position itself exactly where you want it. Modern browsers use CSS3 transforms with IE6+ using non-standard Matrix filters. Image spriting is used for actual bubble image, you can change this as you want – it’s just CSS.