Tecnología

Inicio

Cómo cambiar un puntero con ONMOUSEOVER

Cómo cambiar un puntero con ONMOUSEOVER


El evento "Onmouseover" se activa cuando un usuario pasa el puntero del ratón sobre un elemento de la página web. El evento puede ser activado en cualquier elemento página web, tal como una imagen, un botón, una mesa o incluso la propia página. Se puede cambiar el icono que se muestra al usuario cuando el puntero del ratón pasa sobre estos elementos utilizando inline Javascript en las propiedades del control. "Onmouseover" se utiliza con "onmouseout", que se activa cuando el ratón ya no se cierne sobre el elemento. "Onmouseout" se utiliza para devolver el puntero del ratón a su icono original.

Instrucciones

1 Abra el archivo HTML utilizando su editor de texto favorito. Desplazarse hacia abajo para el elemento HTML que desea editar. Esto puede ser cualquier elemento de la página. En este ejemplo, se utiliza la etiqueta "<img>", que es la etiqueta para las imágenes de página web.

2 Añadir el evento "OnMouseOver" al elemento. Cada elemento en su página está programada con los eventos internos. Esto significa que usted sólo tiene que añadir el texto del evento a las propiedades de la etiqueta para notificar al navegador que se ejecuta el código. El siguiente es un ejemplo de cómo agregar "Onmouseover" a la etiqueta de la imagen:

<Img Onmouseover = "" evento que cambia el puntero del ratón. El código siguiente cambia el puntero del ratón a un lado cuando el usuario se desplaza sobre la imagen:

<Img Onmouseover = "this.style.cursor = 'puntero';" evento, el ratón sigue siendo cambiada cuando el usuario navega por la página. El código siguiente devuelve el puntero del ratón en el valor predeterminado:

<Img Onmouseover = "this.style.cursor = 'puntero';" Onmouseout = "this.style.cursor =" default ";" src = "my_image.gif">