L'effetto di turbinio di jQuery è un'animazione inclusa con la libreria jQuery. Si utilizza l'animazione quando si elaborano dati e necessario inviare feedback per l'utente per attendere l'elaborazione alla fine. L'animazione viene attivato automaticamente quando si utilizza jQuery "Visualizza" funzione per mostrare l'immagine nel browser.

HTML

JQuery funziona direttamente con gli elementi HTML della pagina Web. La lingua di jQuery USA div contenitori per mostrare i dati all'utente in modo dinamico. È inoltre possibile utilizzare div contenitori per mostrare l'immagine vorticoso mentre l'utente attende per i vostri dati da elaborare. Il codice seguente imposta il div contenitore per visualizzare l'immagine:

< div id = "processo" >< / div >

Immagine

L'immagine "transparent.gif" consente di impostare l'immagine da visualizzare. È inoltre possibile digitare il testo per indicare all'utente che devono attendere mentre la pagina è in fase di caricamento. Il codice seguente imposta l'immagine nel contenitore div che si crea:

< img src="transparent.gif" / >

Questo file di immagine è incluso con le librerie di jQuery. In alternativa, è possibile utilizzare un'immagine di tua scelta.

Codice JQuery

La funzione "Visualizza" genera l'immagine per mostrare all'utente. La funzione "Nascondi" nasconde il contenuto del div. Mentre le funzioni di processo del codice, la funzione "Visualizza" Mostra l'immagine per l'utente. Nel codice seguente viene illustrato l'immagine:

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

Per nascondere l'immagine dopo aver elaborato il codice, utilizzare il codice seguente:

$("#process").hide();

Considerazioni

Si utilizza questa tecnica di immagine quando si dispone di processi che hanno un po ' lungo da completare ad esempio memorizzare grandi quantità di dati nel database o login di un utente dopo aver digitato un nome utente e una password. Per i processi più veloci, non è necessario utilizzare l'immagine, perché gli effetti sono immediati.