Tooltips

Die so genannten Tooltips können für die unterschiedlichsten Verwendungszwecke auf einer Webseite eingesetzt werden. Der Hintergrund ist in den meisten Fällen aber, dem User zusätzliche oder erklärende Informationen zu liefern.
Ein Tooltip (im Deutschen auch hin und wieder “Tooltipp”) ist in der Regel eine Art Sprechblase, die sich in bestimmten Situationen öffnen soll. Standardmäßig sind es Links oder andere Textelemente, die beim Überfahren mit der Maus die ergänzende Information erhalten.

Der Umfang dieser zusätzlichen Information kann nach Belieben variieren und je nach Tooltip auch mit gängigem HTML angereichert werden. Außerdem werden solche Tooltips mittlerweile auch oft in Formularen eingesetzt und dienen hier als Ausfüllhinweis oder Fehlermeldung.

Technisch gibt es besonders den Unterschied zwischen JavaScript und CSS Varianten. Letztere bringen das Problem mit sich, dass hier die Möglichkeiten begrenzt sind. Dies liegt aber auch daran, dass nicht jeder Browser auf die gleiche Art und Weise mit den notwendigen CSS-Befehlen umgeht.
JavaScript muss im Browser des Users aktiviert sein, damit jene Tooltips funktionstüchtig sind. Die meisten User haben aber JavaScript standardmäßig eingeschaltet. Auch die jQuery Varianten basieren auf JavaScript, setzen zudem aber die jQuery Library voraus und sind als Plugins für eben jene zu sehen.

JavaScript Tooltips
Animated Tooltip Javascript
Form field hints with CSS and JavaScript
Help Balloons Version 2.0
JavaScript DHTML Tooltips
Nice titles
Nice Titles revised
overLIB
qTip
SuperNote
Tipster
Tooltip for forms + Ajax tooltip + Title to note +
Tooltip with transparent shadow + Balloon tooltip

jQuery Tooltips
clueTip: A jQuery Tooltip Plugin
Coda Popup Bubbles
Easy Tooltip - jQuery plugin
jGrowl
jQuery.mb.tooltip
jQuery plugin: Tooltip
jQuery Tools Tooltip
prototip2
qTip
qTip2
Simpletip jQuery plugin
tipsy - Facebook-style tooltip plugin for jQuery
vTip

CSS Tooltips
CSS Bubble Tooltips
CSS Tooltips
CSS Tooltips - Floating HTML Elements
Pure CSS Tooltips
Unobstrusive and Slightly Accessible CSS Tool Tips