Today, I found a nice little script called Tipsy. Tipsy, by default, pulls the text from the “title” attribute of any HTML element and turns it into a nicely styled tooltip. The script is easy to configure and offers some nice customization options.
If you would prefer to display an attribute other than the title, you can actually choose any attribute or even indicate custom text to be displayed. You can set the tooltip to display on top of, underneath, to the right or to the left of the element being hovered over. You can even tell Tipsy to dynamically decide which direction to display the tooltip, based on the current position of the element within the window.
If you’re looking for a nice, simple, attractive way to show tooltips on your page, I would highly recommend using Tipsy.