Cómo cambiar de menú Imágenes en mouseover en JavaScript

método getElementById de () de JavaScript permite a los programadores inspeccionar y modificar la tubería interna de una página Web. Este método tiene acceso a la interfaz de programación de aplicaciones de una página web llamada el Modelo de Objetos del Documento o DOM. Con getElementById () , el programador puede cambiar la información de diseño de etiquetas más HTML (HyperText Markup Language) - incluyendo imágenes de fondo. El evento de funciones JavaScript onMouseOver () y onMouseOut () responden al movimiento del puntero del ratón sobre los elementos HTML mediante la activación de la ejecución de sentencias de JavaScript . Las etiquetas HTML deben estar etiquetados con un identificador único para el método getElementById () puede encontrar y modificarlos. Cosas que necesitará
editor de texto de archivo: Dos imágenes de fondo del mismo tamaño , GIF, PNG o JPG
Mostrar más instrucciones
1

Inicie el editor de texto que viene con el ordenador.
2

Escriba el siguiente código en el editor de texto. Vuelva a colocar los nombres de las imágenes " image1.jpg " y " image2.jpg " con los nombres y el formato de los archivos de imagen de fondo. Ajuste el tamaño de imagen en la hoja de estilos en cascada " mydiv " también.

< Style type = "text /css "> < - Opiniones

mydiv {

imagen de fondo ! . : type = "text /javascript" >

función changeImage ( linknumber )

{

var changeimageback ( linknumber )

{

var id = class " mydiv1 " onMouseOver = " mydiv " = " changeImage ( '1 ') ; " onmouseout = " changeimageback ( '1') "> Link 1 < /a> < /div >

id="mydiv2" class="mydiv" onMouseOver="changeimage('2');" onMouseOut="changeimageback('2')" > Enlace 2 < /a> < /div >

< div id = " " class = " mydiv3 " onMouseOver = " mydiv changeImage ( '3 '); " onmouseout = " changeimageback ( '3 ' ) "> Link 3 < /a> < /div >

< div id =" " class =" mydiv4 mydiv " onMouseOver =" changeImage ( '4 '); " onmouseout =" changeimageback ( '4 ') "> Link 4 < /a> < /div >

< /body>