Hola consegui un menu en css que es muy sencillo, pero tengo el siguiente problema la pagina que tengo hecha consta de dos secciones un iframe superior donde tengo el banner y el menu, y finalmente el contenido de cada sección de la página. Pero el menú que consegui no muestra el segundo nivel ni tercer nivel, he estado leyendo y creo que es por el iframe.
Adjunto el código y si alguién me pudiera ayudar sería de gran ayuda!!
<ul id="navmenu-h">
<li><a href="#">Root nav item</a>
<ul>
<li><a href="#">Sub nav item</a></li>
</ul>
</li>
</ul>
Archivo js
navHover = function() {
var lis = document.getElementById("navmenu-h").getElementsByTagName("LI");
for (var i=0; i<lis.length; i++) {
lis[i].onmouseover=function() {
this.className+=" iehover";
}
lis[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" iehover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", navHover);