jQuery remolino Efecto

El efecto de remolino jQuery es una animación que se incluye con la biblioteca jQuery. Se utiliza la animación cuando procesa los datos y necesita enviar información al usuario a esperar a que el procesamiento a fin. La animación se activa automáticamente cuando se utiliza la función jQuery "show" para mostrar la imagen en el navegador.

HTML

JQuery trabaja directamente con los elementos HTML de la página Web. El lenguaje jQuery utiliza contenedores div para mostrar los datos al usuario de forma dinámica. También puede utilizar los contenedores div para mostrar la imagen de remolino mientras el usuario espera a que sus datos para procesar. El código siguiente, se configura el contenedor div para mostrar la imagen:

<Div id = "proceso"> </ div>

Imagen

Se utiliza la imagen "transparent.gif" para configurar la imagen para mostrar. También puede escribir texto para indicar al usuario que debe esperar mientras se carga la página. El código siguiente, se configura la imagen en el contenedor div se crea:

<Img src = "transparent.gif" />

Este archivo de imagen se incluye en las bibliotecas de jQuery. Usted también puede usar una imagen de su propia.

Código jQuery

La función "mostrar" dispara la imagen para mostrar al usuario. La función "ocultar" oculta el contenido div. Mientras que las funciones de procesar su código, la función "show" muestra la imagen al usuario. El siguiente código muestra la imagen:

$ ( "# Proceso") show ().;

Para ocultar la imagen después de procesar el código, utilice el siguiente código:

$ ( "# Proceso") ocultar ().;

consideraciones

Se utiliza esta técnica de imagen cuando se tiene procesos que tardan mucho tiempo en completarse, tales como el almacenamiento de grandes cantidades de datos en la base de datos o el registro de un usuario después de escribir un nombre de usuario y contraseña. Para los procesos más rápidos, que no es necesario para utilizar la imagen, ya que los efectos son inmediatos.