Zebra_Tooltips is a lightweight (around 5KB minified) jQuery plugin for creating simple, but smart and visually attractive tooltips, featuring nice transitions and offering a wide range of configuration options.
Tooltips may also be shown and hidden using the API. When shown programmatically, the tooltips will feature a “close” button and clicking it will be the only way of closing tooltips opened this way. This is very useful for drawing users’ attention to specific areas of a website.
Appearance can be easily customized both through JavaScript and/or CSS. Also, tooltips can be aligned left, center or right relative to the parent element.
Zebra_Tooltips make use of NO IMAGES (uses CSS3 for rounded corners and drop shadow and falls back gracefully for browsers that don’t support CSS3) and the tooltips can be attached to any element not just anchor tags!
Works in all major browsers (Firefox, Opera, Safari, Chrome, Internet Explorer 6+)
Features
- lightweight (around 5KB minified, 1.6KB gzipped)
- features nice transitions
- detects the edges of the browser window and makes sure that the tooltips always stay in the visible area of the browser window by placing them beneath or above the elements and shifting them left or right so that the tooltips are always visible
- tooltips may also be shown and hidden using the API
- appearance can be easily customized both through JavaScript and/or CSS
- tooltips can be aligned left, center or right relative to the parent element
- makes use of NO IMAGES (uses CSS3 for rounded corners and drop shadow and falls back gracefully for browsers that don’t support CSS3)
- can be attached to any element not just anchor
- works in all major browsers (Firefox, Opera, Safari, Chrome, Internet Explorer 6+)