BeautyTips is a simple-to-use balloon-help style tootip plugin. Any element on the page can be set to show a talk-balloon containing any text or HTML on hover, click, or any bindable event. These balloons are drawn dynamically using the canvas HTML 5 element, and options include corner radius, spike length and width, stroke width. The balloons can auto-position based on the most available area in the current display window or they can be positioned according to an array of preferences (just left or right for instance).

Content text defaults to using the element's "title" tag, but can be configured to use any text or HTML. Content can also be provided by an ajax (ahah actually) callback.

The Canvas drawing element is the same technology used by Google Maps so this plugin should work in modern browsers. This includes Firefox, Safari (both desktop and iPhone), Chrome, and Opera. However, for IE support, be sure to use the ExplorerCanvas library created by Google to support Canvas in Explorer.

This plugin was created by Jeff Robbins of Lullabot. More information about BeautyTips can be found here and here. Keep up with development by following Jeff on Twitter.

Note that the zipped download file includes a demo and several other libraries (including ExplorerCanvas), so it's much bigger than the BeautyTips plugin itself.

Enough talk, check out the online demo and see it for yourself.

Releases

Official releases	Date	Size	Links	Status
0.9.1	2009-Feb-15	211.14 KB	Download Release notes	Recommended for 1.2.x
0.9.5-rc1	2009-May-21	276.96 KB	Download Release notes	Recommended for 1.3.x