ubiquitour.com

Cómo cambiar la escritura de la imagen en Mouseover en XHTML

Elementos dinámicos añadir interactividad a una página Web. Un elemento de este tipo permite a los desarrolladores colocar dos imágenes en un solo lugar. Cualquier imagen muestra depende de si un visitante tiene su puntero del ratón sobre la imagen cargada inicialmente. Agregar a tal efecto se puede cambiar dentro de los documentos XHTML mediante una línea de código.

Instrucciones

1 Sube dos imágenes a un servidor Web. Ambas imágenes deben dimensionarse idénticamente. Tenga en cuenta sus rutas de URL.

2 Inicie un editor de HTML. Utilice el Bloc de notas (PC) o TextEdit (Mac) si uno no está disponible. Ambos vienen preinstalados en sistemas operativos Windows o Apple.

3 Seleccione "Archivo" y "Abrir" del menú de navegación del programa. Seleccionar el archivo XHTML donde se incrustará la escritura de la imagen.

4 Colocar el siguiente script donde debe residir la imagen:< img src="image_one.jpg" onmouseover="this.src='image_two.jpg'" onmouseout="this.src='image_one.jpg'" / >

Reemplace "image_one.jpg" y "image_two.jpg" con las rutas URL de las imágenes. La inicial "fuente" es la imagen que se muestra en la carga de la página. La imagen vinculada a "onmouseover" es lo que muestra cuando se mueve el ratón sobre la imagen inicial. "Onmouseout" es la imagen que se muestra cuando el cursor se retira de la zona de la imagen.

5 Seleccione "Archivo" y "Guardar" del menú de navegación del programa. Asegúrese de la extensión de archivo .htm o .html. HTML y XHTML utilizan las extensiones.

6 Subir el archivo a un servidor Web. Escuchar para confirmar que el script funciona correctamente.