Tema: JQUERY: mouseover a un elemento específico con una clase común
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 03/08/2011, 08:24
Dany_s
 
Fecha de Ingreso: diciembre-2009
Ubicación: Misiones
Mensajes: 867
Antigüedad: 14 años, 5 meses
Puntos: 65
Respuesta: JQUERY: mouseover a un elemento específico con una clase común
no sé tu estructura pero sería algo así

Código HTML: 
Ver original
  1. <html>
  2. <head>
  3.   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  4.   <script>
  5.     $( function() {
  6.  
  7.         $('.galeria').mouseover(function(){
  8.             $('div', this).show();
  9.         }).mouseout( function(){
  10.             $('div', this).hide();
  11.         });
  12.  
  13.     });
  14.     </script>
  15.     <style>
  16.         .galeria {height:200px; width:200px; float:left; background:#ccc; margin:10px}
  17.         .galeria div{display:none}
  18.     </style>
  19. </head>
  20. <body>
  21. <div class="galeria">
  22.     Uno
  23.     <div>Descripción 1</div>
  24. </div>
  25.  
  26. <div class="galeria">
  27.     Dos
  28.     <div>Descripción 2</div>
  29. </div>
  30.  
  31. <div class="galeria">
  32.     Tres
  33.     <div>Descripción 3</div>
  34. </div>
  35.  
  36. </body>
  37. </html>