Crear un menú horizontal con submenú desplegable


/ Published in: JavaScript
Save to your folder(s)



Copy this code and paste it in your HTML
  1. <link rel="stylesheet" type="text/css" href="../css/jqueryslidemenu.css" />
  2. <script type="text/javascript" src="../js/jqueryslidemenu.js"></script>
  3. <!--
  4. function MM_jumpMenuGo(objId,targ,restore){ //v9.0
  5. var selObj = null; with (document) {
  6. if (getElementById) selObj = getElementById(objId);
  7. if (selObj) eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  8. if (restore) selObj.selectedIndex=0; }
  9. }
  10. //-->
  11.  
  12. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
  13.  
  14.  
  15.  
  16.  
  17. <body>
  18. <!Inicia menú/submenú>
  19. <div id="myslidemenu" class="jqueryslidemenu">
  20. <ul>
  21. <li><a href="file:///C:/Users/USUARIO/Desktop/Akyab_proyecto/html/quienes_somos.html" title="P&aacute;gina Qui&eacute;nes somos">Qui&eacute;nes somos</a></li>
  22. <li><a href="file:///C:/Users/USUARIO/Desktop/Akyab_proyecto/html/index.html" title="P&aacute;gina Tarifas">Tarifas</a>
  23. <ul>
  24. <li><a href="file:///C:/Users/USUARIO/Desktop/Akyab_proyecto/html/precios.html" title="P&aacute;gina Precios">Precios</a></li>
  25. <li><a href="file:///C:/Users/USUARIO/Desktop/Akyab_proyecto/html/promociones.html" title="P&aacute;gina Promociones">Promociones</a></li>
  26. </ul>
  27. </li>
  28. <li><a href="file:///C:/Users/USUARIO/Desktop/Akyab_proyecto/html/contacta.html" title="P&aacute;gina Contacta">Contacta</a></li>
  29. </ul>
  30. <br style="clear: left" />
  31. </div>
  32. <!Finaliza menú/submenú>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.