Hola!

Registrándote como bakuno podrás publicar, compartir y comunicarte en privado con otros bakuos :D

Regístrame ya!

menu deplegable

lone_wolf

lone_wolf

Bovino maduro
Desde
27 Mar 2008
Mensajes
100
que tal , soy nuevo en programacion web, y muy poco sobre php y javascript, y necesito una ayudadita:

necesito hacer un menu desplegable, con el siguiente formato:

home | opciones | links | contacto

hasta ahi lo tengo ya listo, pero necesito que al dar clic o pasar el mouse sobre opciones se habra el menu hacia abajo con otras opciones, espero me puedan ayudar, saludos y de antemano gracias
 
Mira brother tengo un script que te puede servir funciona asi tal y como viene
si le kieres hacer modificaciones solo requieres tener conocimientos en JS y php

te lo paso

Esto lo vas a guardar como csshorizontalmenu.js
Código: 
var cssmenuids=["cssmenu1"]
var csssubmenuoffset=-1
function createcssmenu2(){
for (var i=0; i<cssmenuids.length; i++){
  var ultags=document.getElementById(cssmenuids[i]).getElementsByTagName("ul")
    for (var t=0; t<ultags.length; t++){
   ultags[t].style.top=ultags[t].parentNode.offsetHeight+csssubmenuoffset+"px"
     var spanref=document.createElement("span")
   spanref.className="arrowdiv"
   spanref.innerHTML="&nbsp;&nbsp;&nbsp;&nbsp;"
   ultags[t].parentNode.getElementsByTagName("a")[0].appendChild(spanref)
     ultags[t].parentNode.onmouseover=function(){
     this.style.zIndex=100
     this.getElementsByTagName("ul")[0].style.visibility="visible"
     this.getElementsByTagName("ul")[0].style.zIndex=0
     }
     ultags[t].parentNode.onmouseout=function(){
     this.style.zIndex=0
     this.getElementsByTagName("ul")[0].style.visibility="hidden"
     this.getElementsByTagName("ul")[0].style.zIndex=100
     }
    }
  }
}
if (window.addEventListener)
window.addEventListener("load", createcssmenu2, false)
else if (window.attachEvent)
window.attachEvent("onload", createcssmenu2)

¨Posteriormente enn tu pagina donde requieres el menu escribes lo siguiente todo dentro de la cabecera

HTML: 
<head>
<link rel="stylesheet" type="text/css" href="csshorizontalmenu.css"/>
 
<script type="text/javascript" src="csshorizontalmenu.js">
</script>
</head>
 
<body>
 <!-- Yo utilizo una tabla para mostrar la informacion pero lo puedes omitir-->
<table width="90%" cellpadding"3" cellspacing="0">
 <tr>
     <td>
   <!-- Aqui inicia el menu -->
   <div class="horizontalcssmenu">
    <ul id="cssmenu1">
     <li style="border-left: 1px solid #202020;"><a href="opcion1.php">Opcion1</a></li>
     <li><a href="opcion2.php" >Opcion2</a></li>
     <li><a href="#">Menu Opcion 3</a>
    <ul>
        <li><a href="submenu1.php">submenuop1</a></li>
        <li><a href="submenu2">submenu2</a></li>
        <li><a href="submenu3.php">opcion3submenu</a></li>
     </ul>
     </li>
    </ul>
    <ul>
     <li><a href="Opcion4.php">Opcion4</a></li>
     <li><a href="opcion5.php">Opcion5</a></li>
     <li><a href="opcion6">Opcion6</a></li>
    </ul>
   <br style="clear: left;" />
   </div>
  </td>
 </tr>
</table>
</body>

Bueno eso seria para el menu de manera horizontal con un submenu espero que te sirva
 
Pues podrias bajar un menu css hay muchos models gratis solo es fusarium de ke googles un rato
 
Si manejas dreamweaver, trai la opcion de crear menu desplegable, hay me avisas si si lo usas para explicarte como hacerle o busca en google, es realmente fácil ;)

Saludos.
 
Debes iniciar sesión o registrarte para participar.
Volver
Arriba