jsttips: Tooltips no obtrusivos

Con CSS y un poco de Javascript

Si quieres saber como está creado este pequeño script, no te pierdas el artículo publicado en Webmaster Libre: Tooltips simples con CSS y Javascript

Descarga

Descarga este ejemplo, con el script, el html y el css en un archivo zip (la imágen incluida es parte del set de iconos Sweetie liberado bajo GPL)

Ejemplos de uso

Ejemplo #1: Añadiendo información adicional a un enlace


<a href="enlace.html" class="jsttip" title="Un bonito tooltip para un enlace">Un enlace</a>
Un enlace

Ejemplo #2: Embelleciendo nuestros acronimos y abreviaturas

AMPA

Ejemplo #3: Añadiendo información adicional a un formuario

No funciona con imágenes

Debido a que el script se basa en crear un span hijo del elemento al que hayamos dado la clase no funciona con las imágenes

Volver a Webmaster Libre