Hola
erick_arcini, felicidades por tu kilo de mensajes aquí
Éste código me ha funcionado a la perfección, tanto en IE6 como en FF2:
Código PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> Página nueva </title>
<meta name="Author" content="derkeNuke">
<style type="text/css">
</style>
</head>
<body>
<ul id="nav">
<li id="tomar" onMouseOver="tomarID('tomar')" onmouseout="quitarID('tomar')">menu 1
<ul>
<li><a href="">submenu 1</a></li>
<li><a href="">submenu 2</a></li>
</ul>
</li>
<li id="tomar2" onmouseover="tomarID('tomar2')" onmouseout="quitarID('tomar2')">menu 2
<ul>
<li><a href="">submenu 1</a></li>
<li><a href="">submenu 2</a></li>
</ul>
</li>
</ul>
<script type="text/javascript">
function tomarID(id){
document.getElementById(id).style.background = "#000000";
document.getElementById(id).style.color = "#FFFFFF";
}
function quitarID(id){
document.getElementById(id).style.background = "#CCC";
document.getElementById(id).style.color = "#000";
}
</script>
</body>
</html>
Aunque todavía tendríamos una opción para hacer un poco más cómoda la rutina, utilizando this:
Código PHP:
function tomarID(obj){
obj.style.background = "#000000";
obj.style.color = "#FFFFFF";
}
function quitarID(obj){
obj.style.background = "#CCC";
obj.style.color = "#000";
}
Y al llamarlo:
Código PHP:
<li id="tomar" onMouseOver="tomarID(this)" onmouseout="quitarID(this)">
¿No es ésto lo que querías conseguir?
Un saludo.