martes, 26 de noviembre de 2013

Cómo hacer un fundido jQuery para más lisa

JQuery es una librería JavaScript que simplifica el scripting de ciertas funciones de JavaScript. Se puede hacer referencia a las funciones de jQuery al escribir el guión para salvarse de escribir manualmente varias líneas de código JavaScript. Funciones en la biblioteca jQuery incluyen el manejo de eventos, manipulación de documentos, interacción Ajax y efectos de animación, como hacer una página Web element fade in, fade o se desvanecen en un destino u otra función. Si usted encuentra que su efecto de fundido es demasiado pronto, usted puede aumentar la duración del efecto de fundido para crear un fundido suave.

 

JQUERY LISO

 

Haga clic derecho en el archivo de origen de una página Web o JavaScript. Js y seleccione "Abrir con". Haga clic para seleccionar "Bloc de notas" o "WordPad" de la lista de aplicaciones y haga clic en "Aceptar".

 

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 definir la opacidad, la relajación y una función de devolución de llamada para cuando el fundido completa. No todos los argumentos tienen que estar presentes en la línea de código se ejecute correctamente. Por ejemplo, una línea de código que se desvanece en un elemento de la página Web con la designación ID 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 () {

 

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

 

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

 

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

 

 

No hay comentarios:

Publicar un comentario