O'Reilly logo

jQuery Tools UI Library by Alex Libby

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Tooltips — the only web fundamentals you need

Arguably the second most important UI widget, the tooltip serves a similar purpose to the overlay, in that it can be used to highlight important pieces of information which relates to an element on screen, such as hints on how to fill in a form, a quicklink prompt to purchasing something, or highlighting information about a concept being discussed on site (in a similar fashion to having footnotes in a book). jQuery Tools' Tooltip is no different in operation to others, but its design makes it very powerful and flexible. Let's have a look at it in a little more detail.

Usage

Tooltips are very easy to set up, the basic version uses the folowing structure:

<!-- elements with tooltips --> <div id="demo"> ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required