TipTip is a lightweight (only 3.5kb minified) and intelligent custom jQuery tooltip plug-in. It uses ZERO images to create custom jquery tooltip that behaves just like the browser tooltip. The plugin is a highly customizable via CSS, so you can easily create your own style of Tooltip with TipTip without using any images.
TipTip can be applied to any element, not just links. it use the
title attribute just like the native browser tooltip does. However, the
title will be copied and then removed from the element when using TipTip so that the browser tooltip will not show up.
TipTip detects the edges of the browser window and will make sure the tooltip stays within the current window size. As a result the tooltip will adjust itself to be displayed above, below, to the left or to the right of the element with TipTip applied to it, depending on what is necessary to stay within the browser window.
- Source: http://code.drewwilson.com/entry/tiptip-jquery-plugin/
- Tested in: IE7 & IE8, Firefox, Safari, Opera, and Chrome
- License: MIT and GPL licenses