Tema: Menú con dropdown, me funciona! pero.. :P
Ver Mensaje Individual
  #5 (permalink)  
Antiguo 07/12/2010, 05:49
Dany_s
 
Fecha de Ingreso: diciembre-2009
Ubicación: Misiones
Mensajes: 867
Antigüedad: 14 años, 11 meses
Puntos: 65
Respuesta: Menú con dropdown, me funciona! pero.. :P
fijate los parámetros

Código HTML: 
Ver original
  1. <html>
  2.     <head>
  3.         <title>Ejemplon</title>
  4.         <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  5.         <script src="http://cherne.net/brian/resources/jquery.hoverIntent.js"></script>
  6.     </head>
  7.         <script type="text/javascript">
  8.             $( function (){
  9.                 $('#menu li a').hoverIntent({
  10.                     over: down,
  11.                     timeout: 1000,
  12.                     out: up
  13.                 });
  14.                 function down(){  $(this).next().slideDown(500)}
  15.                 function up(){ $(this).next().slideUp(500)}
  16.             });
  17.         </script>
  18.         <style>
  19.             #menu{list-style:none}
  20.             #menu>li{float:left; width:100px}
  21.             #menu ul{display:none}
  22.         </style>
  23.     <body>
  24.     <ul id="menu">
  25.         <li><a href="#" class="asd">Uno</a>
  26.             <ul>
  27.                 <li>1.1</li>
  28.                 <li>1.2</li>
  29.                 <li>1.3</li>
  30.             </ul>
  31.         </li>
  32.         <li><a href="#">Dos</a>
  33.             <ul>
  34.                 <li>2.1</li>
  35.                 <li>2.2</li>
  36.                 <li>2.3</li>
  37.             </ul>
  38.         </li>
  39.         <li><a href="#">Tres</a>
  40.             <ul>
  41.                 <li>3.1</li>
  42.                 <li>3.2</li>
  43.                 <li>3.3</li>
  44.             </ul>
  45.         </li>
  46.     </ul>
  47.     </body>
  48. </html>