Tecnología

Inicio

Cómo cambiar el texto en un Rollover

Cómo cambiar el texto en un Rollover


características del sitio web dinámicos, como los vuelcos de texto, que permiten construir un sitio interesante que ayudará a mantener a los visitantes de regresar. Una imagen de sustitución de texto utiliza la tecnología de navegador web para cambiar el texto seleccionado como el cursor del ratón se mueve sobre el texto. El código utilizado para crear sustituciones incluyen HTML y JavaScript. HTML es un lenguaje de descripción de página que le permite controlar la estructura y la apariencia de una página web, y JavaScript es un lenguaje de programación que permite al usuario grabar programas que se ejecutan en el navegador web.

Instrucciones

Cambio de texto en un Rollover

1 Abra un editor de texto, como el Bloc de notas, si el sistema operativo del ordenador es Microsoft Windows. El editor que use debe ser capaz de guardar un documento en formato de texto plano.

2 Escriba el texto siguiente, que crea un documento HTML básico, en el editor de texto:

<Html>

<Head>

<Title> </ title>

</ Head>

<Body>

</ Body>

</ Html>

3 Insertar el cursor entre "<title>" y "</ title> y escriba" Rollover Ejemplo "Esta línea debe aparecer como sigue.:

<Title> Ejemplo de Rollover </ title>

"Ejemplo de Rollover" es el título del documento, que aparece en la parte superior de la ventana del navegador cuando se abre el archivo HTML en un navegador, como Internet Explorer o Firefox.

4 Insertar el cursor al final de la línea que contiene el "<body>", pulse "Enter" y escriba el siguiente código HTML y JavaScript, que crea la imagen de sustitución de texto:

<span

onmouseover = "this.innerHTML = 'transferencia';"

onmouseout = "this.innerHTML =" Normal ";"

Normal </ span>

Este código hace que el navegador mostrará la palabra "normal" cuando la página web se abre. El código también hace que el navegador para cambiar la palabra que aparece en "Rollover" cuando el cursor del ratón se mueve sobre el texto - y el de cambiarla de nuevo a "Normal" cuando el cursor del ratón se mueve fuera del texto.

5 Guardar el documento en una carpeta en su computadora como un archivo HTML. Debe incluir "htm" o ".html" al final del nombre de archivo para que el equipo sabe que el archivo es un archivo HTML. Si no lo hace, su navegador no mostrará el archivo correctamente. Por ejemplo, usted podría nombrar el archivo "Rollover.htm" o "Rollover.html."

6 Abra un navegador web en su ordenador.

7 Abra el archivo HTML que ha creado en el navegador web.

8 Mover el cursor del ratón sobre la palabra "normal" para hacer que se cambie a "Rollover", y luego mover el cursor fuera de la palabra verla cambiar a "Normal".