Cómo hacer un jQuery Fundido a más lisa

JQuery es una biblioteca JavaScript que simplifica el scripting de ciertas funciones de JavaScript. Se puede hacer referencia a las funciones de jQuery al escribir la secuencia de comandos para salvarse de la escritura manual a cabo varias líneas de código JavaScript. Funciones en la biblioteca jQuery incluyen la gestión de eventos, la manipulación de documentos, la interacción Ajax y efectos de animación como la fabricación de un elemento de página Web Fundir, se desvanecen o se desvanecen a un destino u otra función. Si usted encuentra que su efecto de fundido es demasiado repentina, puede aumentar la duración del efecto de fundido para crear un fundido suave.

Instrucciones

1 Haga clic derecho en el archivo de origen de una página Web o JavaScript .js archivo y seleccionar "Abrir con". Haga clic para seleccionar "Bloc de notas" 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 de fundido. La función se puede leer ".fadeIn", ".fadeOut" o ".fadeTo", y puede tener hasta cuatro argumentos entre paréntesis que siguen a este. El primer argumento después de la función de fundido determina la duración del efecto de atenuación en milisegundos, mientras que los siguientes argumentos definen la opacidad, la relajación y una llamada de retorno para cuando el fundido se completa. No todos los argumentos tienen que estar presentes en la línea de código para ejecutar correctamente. Por ejemplo, una línea de código que se desvanece en un elemento de la página Web con la designación de identificación de "bloque" con una duración de 400 milisegundos y luego se llama a una función denominada "función" se mostrará lo siguiente.

$ ( '# Block'). FadeIn (400, function () {

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

$ ( '# Block'). FadeIn (1000, function () {

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