jQuery Tooltip

jQuery Tooltip

Ein Tooltip eignet sich um Information platzsparend unter zu bringen und bei Bedarf z.B. per mousesover anzuzeigen. Erklärungen oder Hilfetexte werden oft mit Tooltips dargestellt.

Für meinen Tooltip habe ich eine feste Breite von 200px verwendet die aber per CSS angepasst werden kann. die Höhe ist flexibel. Der Tooltip wird je nach Platz über oder unter dem Aufrufelement angezeigt.

Der Tooltip hat eine einstellbare Ausblendeverzögerung und anchor im Tooltip können angeklickt werden.

der Inhalt der klasse tip wird per CSS versteckt und später per hover im Tooltip angezeigt.

Struktur

<span class="tooltip">
    Tooltip
    <span class="tip">Tooltip <a href="/">Link</a></span>
</span>

Beispiel

Tooltip Tooltip Tooltip Tooltip Tooltip Tooltip Tooltip Link

Impressum