Cómo utilizar ONMOUSEOVER al conjunto de clases

HTML proporciona el atributo "onmouseover", que permite a los diseñadores web y programadores para alterar sitios web en función de si el cursor del usuario ha cruzado un umbral determinado. Cuando el cursor sale del área designada, el cambio se revierte. Onmouseover se utiliza a menudo para crear efectos visuales y cambiar los colores, pero también se puede utilizar para establecer una nueva clase.

Instrucciones

Instrucciones

1 Establecer la clase inicial con el código: <td class = "className"

Reemplazar className con el nombre de la clase deseada.

2 Definir la clase onmouseover para ser utilizado como sigue:

<Td class = "className" onmouseover = " 'className_Over' this.className ="

Tenga en cuenta las marcas individuales y dobles comillas después className_over.

3 Finalizar la llamada al definir el evento onmouseout de la siguiente manera:

<Td class = "className" onmouseover = "this.className = 'className_Over'" onmouseout = "this.className = 'className'">

Esto no es necesario en todos los navegadores, pero se asegurará de las clases revierte cuando el ratón sale del área designada.

Consejos y advertencias

• Divertirse experimentando con el poder de onmouseover para alterar el aspecto de su sitio web.