Hola he visto que alguien tenia problemas con window.event y mozilla e intente solucionar mis problemas como otros usuarios proponian pero no consigo resvolver el problema y me toy volviendo loco! A ver si alguien me podria ayudar por favor!
El codigo es el siguiente:
<html>
<head>
<style>
.Normal {
cursor: pointer;
font-family: verdana;
font-size: 20;
font-style: normal;
background-color: blue;
color: yellow;
display: block
}
.Resaltado {
cursor: pointer;
font-family: verdana;
font-size: 20;
font-style: italic;
background-color: yellow;
color: blue;
display: block
}
</style>
</head>
<body>
<P style="FONT-FAMILY:Arial;font-size:21">Seleccione un Bicho</P><HR>
<span class="Normal">Lagarto Juancho</span><br>
<span class="Normal">Leoncio el León</span><br>
<span class="Normal">Pepe Pótamos</span><br>
<span class="Normal">Gorila Magilla</span><br>
<span class="Normal">Gato Silvestre</span><br>
<script type="text/javascript">
// Asignamos comportamiento por defecto al objeto document
//lo que se aplica a cada uno de sus nodos hijos.
document.onmouseover = MostrarEspecial(event);
document.onmouseout = MostrarNormal(event);
function MostrarEspecial(event) {
//si el estilo es Normal, cambiar a Resaltado
if (window.event.target.className == "Normal") {
window.event.target.className = "Resaltado";
}
}
function MostrarNormal(event) {
//si el estilo es Resaltado, cambiar a Normal
if (window.event.target.className == "Resaltado") {
window.event.target.className = "Normal";
}
}
</script>
</body>
</html>