Advanced Search

Crear un menú horizontal con submenú desplegable

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

Expand | Embed | Plain Text

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.