OnMouseOver y OnMouseOut en JavaScript
OnMouseOver: se activa cuando el ratón se posiciona encima de un hipervinculo.
OnMouseOut: se activa cuando el ratón se deja de posicionar encima de un hipervinculo.
Ejemplo:
Cambiar color mediante la posición del mouse sobre el hipervinculo.
Respuesta:
<html>
<head></head>
<body>
<script language="JavaScript">
function rojo()
{
document.bgColor='#ff0000';
}
function verde()
{
document.bgColor='#00ff00';
}
function azul()
{
document.bgColor='#0000ff';
}
function blanco()
{
document.bgColor='#ffffff';
}
</script>
<a href="#" onMouseOver="rojo()"
onMouseOut="blanco()">Rojo</a>
-
<a href="#" onMouseOver="verde()"
onMouseOut="blanco()">Verde</a>
-
<a href="#" onMouseOver="azul()"
onMouseOut="blanco()">Azul</a>
<br>
<br>
<br>
<a href="pagina2.html">ver segundo problema</a>
</body>
</html>
Pinta de color el interior de una casilla de una tabla y lo regresa a su color original cuando salimos de la misma:
<html>
<head></head>
<body>
<script language="JavaScript">
function pintar(objeto,col)
{
objeto.bgColor=col;
}
</script>
<table border="1">
<tr>
<td onMouseOver="pintar(this,'#ff0000')" onMouseOut="pintar(this,'#ffffff')">rojo</td>
<td onMouseOver="pintar(this,'#00ff00')" onMouseOut="pintar(this,'#ffffff')">verde</td>
<td onMouseOver="pintar(this,'#0000ff')" onMouseOut="pintar(this,'#ffffff')">azul</td>
</tr>
</table>
</body>
</html>
