ubiquitour.com

Como hacer un jQuery Fade a más liso

JQuery es una librería JavaScript que simplifica las secuencias de comandos de ciertas funciones de JavaScript. Puede hacer referencia a funciones de jQuery al escribir su script para ahorrarse de manualmente escribir varias líneas de código JavaScript. Funciones de la biblioteca de jQuery incluyen control de eventos, manipulación de documentos, efectos de interacción y animación de Ajax como un elemento de la Página Web atenuar, desvanecerse o desaparecer a un destino o función de otra. Si usted encuentra que su efecto se descolora es demasiado repentino, puede aumentar la duración del efecto de fade para crear una transición más suave.

Instrucciones

1 Haga clic en el archivo de código fuente de la Página Web o archivo .js de JavaScript y seleccione "Abrir con". Haga clic para seleccionar "Notepad" o "WordPad" de la lista de aplicaciones y haga clic en "Aceptar".

2 Busque la línea de código JavaScript que contiene la función fade. La función puede leer ".fadeIn," ".fadeOut" o ".fadeTo," y puede tener hasta cuatro argumentos entre paréntesis que siguen a este. El primer argumento tras la función fade determina la duración del efecto de fade en milisegundos, mientras que los siguientes argumentos definición opacidad, flexibilización y una función callback para cuando termina la transición. No todos los argumentos que deba estar presente para la línea de código se ejecute correctamente. Por ejemplo, puede mostrar una línea de código que se desvanece en un elemento de la Página Web con la designación de la identificación del "bloque" de 400 milisegundos de duración y luego llama a una función de etiquetado "función" como abajo.

$('#block').fadeIn (400, la función () {}

3 Reemplace el valor de duración de "400" con "1000" para aumentar la duración de cara a un segundo o a 1.000 milisegundos, haciendo la transición más suave. La línea de código con este reemplazo lee como abajo.

$('#block').fadeIn (1000, la función () {}

4 Haga clic en el menú "Archivo" y seleccione "Guardar."