He encontrado una manera muy sencilla de hacer un navegador desplegable, con un submenú dentro de un <li> es decir:
<ul>
<li>bla bla...</li><!--menu principal-->
<ul>
<li>bla bla...</li><!--submenú desplegable-->
</ul>
</li>
</ul>
que junto a este <script>:
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;
Funciona perfecto. El problema es que no se como desembarazarme de las propiedades del menú principal para el submenú. Por mas que pruebo meter otra clase o id, o se destroza, o no hace nada y no quiero, por ejemplo, imagen de fondo ni ese cuerpo de letra en el submenú. Aguien sabría como lo puedo hacer respetando esta forma?
Esta es la prueba que llevo hecha hasta ahora:
http://www.mu4us.com/prueba2.html
Muchas gracias!!