JavaScript Tooltip Library

By Deane Barker on June 18, 2004

DOM Tooltip: Here’s a great little JavaScript library to create custom tooltips for your Web page. A tooltip, in case you didn’t know, is the little popup box that appears when you mouseover an element which has a TITLE attribute. Put your mouse on this link for a second (don’t click, just hover).

It is now possible to create a wide variety of dynamic layers, such as embedded windows, context menus and hidden blocks. Additional features of the library include sticky tips, tooltip fading, lifetime, relative positioning, class assignments, width adjustments, mouse dragging, captions, directionality, offset adjustments, adjustable activate/deactivate delay times, snapping to grid, fate adjustment (hide or destroy) and references to created tips.

The link goes to a series of 11 pages that demo all the functionality of this library. I’m pretty amazed at how far you can push the concept of the tooltip — this guy has tooltips doing things that never occured to me.



Comments are closed. If you have something you really want to say, tweet @gadgetopia.