Ver Mensaje Individual
  #1 (permalink)  
Antiguo 23/10/2012, 21:42
Avatar de kuriel
kuriel
 
Fecha de Ingreso: febrero-2009
Mensajes: 240
Antigüedad: 15 años, 9 meses
Puntos: 4
Sonrisa Doble efecto no deseado jQuery Fade

Hola, espero que esten bien,.

Mi problema es que tengo dos divs, uno es un "boton" de menú y el otro div es como, una informacion del boton que se muestra al poner el cursor dentro del primer div.

el primer div es: #m1
el segundo es: #m1sub

y mi codigo jQuery es:

Código Javascript:
Ver original
  1. $("#m1").mouseover(function(){
  2.     $("#m1sub").css('left',(x-60)+'px');
  3.     $("#m1sub").css('top',(y-120)+'px');
  4.     $("#m1sub").fadeIn('slow');
  5. });
  6. $("#m1").mouseout(function(){
  7.     $("#m1sub").fadeOut('slow', function(){
  8.         $("#m1sub").stop();
  9.     });
  10. });

("x" y "y" tienen la posiciion actual del cursor o puntero)

Adentro del Div principal le metí una imagen, la cual está acutando como MouseOut y a la vez hace MouseOver, osea que aparece 2 veces la informacion y desaparece 2 veces alternandose.

¿Como podria solucionar el problema?

Detalles:

Código HTML:
Ver original
  1. <div id="m1"><img src="miimagen.jpg" /></div>
  2. <div id="m1sub" style="display:none;">Mi informacion</div>

Gracias de antemano.
__________________
Si todas las URL's que tienes o visitas te parecen largas, visita www.korto.tk - También protege de rastros y con contraseñas tus páginas o URL's.