Foros del Web » Programando para Internet » Javascript » Frameworks JS »

No reproduce el efecto fadeIn

Estas en el tema de No reproduce el efecto fadeIn en el foro de Frameworks JS en Foros del Web. Hola buenas, estoy creando un menu horizontal para cuando pases por encima se despliegue un submenu en horizontal. Bien esto funciona , pero el problema ...
  #1 (permalink)  
Antiguo 04/10/2012, 06:05
 
Fecha de Ingreso: septiembre-2012
Ubicación: Cuba
Mensajes: 67
Antigüedad: 8 años, 1 mes
Puntos: 1
No reproduce el efecto fadeIn

Hola buenas, estoy creando un menu horizontal para cuando pases por encima se despliegue un submenu en horizontal.

Bien esto funciona , pero el problema es que se despliega de golpe y no con el efecto fadein que tengo puesto.

El codigo es el siguiente:

Código:
$(" #mh li").hover(function(){

	$(this).find('ul:first').css({visibility: "visible",display: none"}).fadeIn("slow");
	},  function(){
	$(this).find('ul:first').css({visibility: "hidden"});

});
Muchas gracias.
  #2 (permalink)  
Antiguo 04/10/2012, 06:59
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 12 años, 3 meses
Puntos: 1532
Respuesta: No reproduce el efecto fadeIn

no tiene sentido usar visibility y display a la vez, usa sólo display e intenta de nuevo
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #3 (permalink)  
Antiguo 04/10/2012, 07:04
 
Fecha de Ingreso: septiembre-2012
Ubicación: Cuba
Mensajes: 67
Antigüedad: 8 años, 1 mes
Puntos: 1
Respuesta: No reproduce el efecto fadeIn

Buenas , gracias por responder, pues he probado dejando solo visibility y solo display y no funciona.

Tambien he probado con show("500"). Pero me sigue saliendo de golpe.
  #4 (permalink)  
Antiguo 04/10/2012, 07:07
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 12 años, 3 meses
Puntos: 1532
Respuesta: No reproduce el efecto fadeIn

ese problema es común cuando modificas directamente el CSS que se supone jQuery debe manejar, aplica el efecto contrario (fadeOut) y con una consola como firebug revisa los estilos que jQuery le aplica, esos son los que debes usar al ocultar.
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #5 (permalink)  
Antiguo 04/10/2012, 07:10
 
Fecha de Ingreso: septiembre-2012
Ubicación: Cuba
Mensajes: 67
Antigüedad: 8 años, 1 mes
Puntos: 1
Respuesta: No reproduce el efecto fadeIn

Perdona , pero no te he entendido.

Cita:
, esos son los que debes usar al ocultar.
Al ocultar?
  #6 (permalink)  
Antiguo 04/10/2012, 07:19
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 12 años, 3 meses
Puntos: 1532
Respuesta: No reproduce el efecto fadeIn

sí, porque se supone que la capa (div o lo que sea) debe estar oculta para que jQuery la muestre con el efecto, pero no sabes si el mismo usa display, visibility u opacity (filtro para IE es necesario), por ello aparece de golpe, tienes que usar la priopiedad que él usa cuando lo oculta con fadeOut, y estoy seguro de que es opacity (no lo he confirmado, )

recuerda que para IE, el opacity se aplica con un filtro, al menos para versiones viejas
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...

Etiquetas: efecto, fadein, funcion, reproduce
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:35.