Ejemplo de un tooltip extenso.

Ejemplo de un tooltip extenso.

Los tooltips son simples efectos hover que puedes utilizar para proporcionar información adicional a los lectores cuando se ciernen sobre ciertos elementos de una página, como por ejemplo texto.

Paso a paso

Con el fin de hacer un tooltip básico todo lo que tienes que hacer es enmarcar el texto que deseas que tenga un tooltip con las etiquetas span contiendo el parámetro title = "¡el texto va aquí!", Así:

<span title="¡Esto es un tool-tip!">Cursor sobre mí para ver el tool-tip!</span>

Esto resulta en:

¡Pon el cursor sobre mí para ver el tool-tip!

También puedes cambiar la forma en que el cursor se ve cuando se cierne sobre el mismo texto o cualquier otro texto añadiendo style="cursor:<estilo del cursor>;". Por ejemplo:

  1. style="cursor:help;" producirá la siguiente:
    Pon el cursor sobre mí para ver el cursor 'help'.
  2. style="cursor:pointer;" producirá la siguiente:
    Pon el cursor sobre mí para ver el cursor 'pointer'.

Ver también

Ayuda y comentarios