Tecnología

Inicio

Cómo mostrar texto en rollover

Cómo mostrar texto en rollover


Mostrando de texto cuando un usuario pasa por encima de un enlace o imagen en su sitio web es una gran manera de compartir la información adicional que conduce un vínculo o una imagen lo contiene. Si usted tiene acceso para editar el código HTML de su sitio web, y sabe cómo utilizar el enlace (A) y las etiquetas de imagen (IMG), puede incorporar fácilmente el texto de sustitución.

Instrucciones

Mostrar texto en una imagen de sustitución

1 Encuentra el código HTML para la imagen que desea agregar texto emergente para. Debe tener un aspecto como este:

<Img src = "http://www.linkto.com/your/image.jpg” />

2 Añadir o editar el atributo de título que contiene el texto que desea que aparezca cuando alguien se da la vuelta la imagen.

Por ejemplo:

<Img src = "http://www.linkto.com/your/image.jpg” title = "Texto adicional que aparezca en vuelo estacionario" />

3 Añadir o editar el atributo ALT que contiene el texto que desea que aparezca cuando alguien se da la vuelta la imagen. (Para la compatibilidad entre navegadores, su texto vuelco deseado debe aparecer tanto en los atributos ALT y TITLE).

Por ejemplo:

<Img src = "http://www.linkto.com/your/image.jpg” alt = "Texto adicional que aparezca en vuelo estacionario" title = "Texto adicional que aparezca en vuelo estacionario" />

4 Confirme su transferencia está trabajando mediante la actualización de su página Web y manteniendo el cursor sobre la imagen, durante uno o dos segundos.

Mostrar texto en un enlace Rollover

5 Encuentra el código HTML para el enlace que desea añadir texto emergente para. Debe tener un aspecto como este:

<a href="http://www.yourlink.com”> Texto del enlace </a>

6 Añadir o editar el atributo de título que contiene el texto que desea que aparezca cuando alguien se da la vuelta el enlace.

Por ejemplo:

<A href = "http: //www.yourlink.com” title = "Texto adicional que aparezca en vuelo estacionario"> texto de enlace </a>

7 Confirme su transferencia está trabajando mediante la actualización de su página Web y manteniendo el cursor sobre el enlace de uno a dos segundos.

Consejos y advertencias

  • Los métodos utilizados para mostrar texto en un vuelco también hacen que su sitio web sea más accesible para las personas que son ciegas o tienen dificultad para ver, ya que los lectores de pantalla que lea el texto en voz alta.