fadeIn vs vs fadeOut fadeTo

¿Cuál es la diferencia entre fadeIn vs vs fadeOutfadeTo?fadeIn vs vs fadeOut fadeTo

2010-07-22 Pranay Rana

La documentación debe describir esos métodos: http://api.jquery.com Honestamente, siempre debe leer la documentación primero antes de hacer cualquier pregunta, el 90% de sus preguntas serán respondidas allí. –

@FelixKling - Estoy de acuerdo con usted en parte, pero a menudo abriendo una pregunta como esta para su discusión encuentra problemas ocultos en el marco de jQuery. por ejemplo: http://stackoverflow.com/questions/6045636/css-and-opacity-following-fadein-not-working – Neil

fadeIn se desvanece de una opacidad actual elementos a 1.
fadeOut se desvanece desde una opacidad actual de elementos a 0.
fadeTo se desvanece desde una opacidad actual de elementos a una opacidad dada.

$('#myObject').fadeTo('fast', 0.5, function() { 
    $('#myObject').fadeTo('fast', 0.8); 
});

Los fundidos anteriores myObject de cualquier opacidad que tiene, a 0,5, que es 50% de transparencia, y después de eso, se desvanece de nuevo a 20% de transparencia.

Fuente

2010-07-22 17:50:06

fadeIn() fadeOut() también afecta a la propiedad de visualización, que es una de las principales diferencias, fadeto() es capaz de desvanecerse hasta un cierto grado de opacidad que no se visualiza. – multimediaxp

FadeIn .. muestra un elemento gradualmente

FadeOut .. Oculta un elemento gradualmente

fadeTo .. Cambia la opacidad de un elemento a un valor dado

Fuente

2010-07-22 17:49:11 dejavu

Veo aquí solo la redundancia lingüística, ya que fadeTo se ajusta a todos los casos de uso independientemente.

Fuente

2010-09-30 13:19:55

respuesta corta:

fadeIn() y fadeOut() controlar la propiedad display, mientras que la animación se desvanecen.
fadeTo() controla la propiedad opacity mientras se desvanece la animación.

Respuesta larga:

fadeIn() y fadeOut() están ambos diseñados para controlar la propiedad display, al igual show() y hide(), pero la animación sólo desvanecerse en el medio.

Proceso de fadeIn()

de preparación: Conjunto de opacity:0.
Proceso: Establecer en display:block.
Proceso: Cambie gradualmente a opacity:1.

Proceso de fadeOut()

proceso: Poco a poco cambiar a opacity:0.
Proceso: Establecer en display:none.

fadeTo() está destinado a establecer la propiedad opacity, mientras que la animación de un fundido en el medio.

Proceso de fadeTo()

de preparación: Conjunto de display: block.
Proceso: Establecer en opacity: [$].

Ver el breakdown of formulas, which make up fadeIn() and fadeTo() en JsFiddle.

Actualizar:

Más cerca de los familiares de fadeIn() y fadeOut() se muestran más bien() y hide().

show() y ocultar también están destinados() para controlar la propiedad display, al igual que fadeIn() y fadeOut(), pero además, animado anchura y la altura en el medio.

Proceso de espectáculo()

de preparación: Conjunto de opacity:0, width:0, height:0
proceso: Conjunto de display:block
proceso: Poco a poco cambiar a opacity:1, width:[auto], height:[auto]

Proceso de ocultar()

proceso: cambiar gradualmente a opacity:0, width:0, height:0
Proceso: Conjunto dedisplay:none.

Ejemplo:

Compara behavior of fadeIn(), fadeOut(), fadeTo(), show() and hide() en jsFiddle.

Fuente

2013-11-09 07:12:52 timofey

Creo que esta es la mejor respuesta, ya que especifica todo con claridad. –

Respuesta

Cuestiones relacionadas