jQuery Effetto Ricciolo

October 7

L'effetto vortice jQuery è un'animazione in dotazione con la libreria jQuery. Si utilizza l'animazione durante l'elaborazione dei dati e la necessità di inviare un feedback all'utente di attendere l'elaborazione alla fine. L'animazione si attiva automaticamente quando si utilizza la funzione di jQuery "show" per visualizzare l'immagine nel browser.

HTML

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

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

Immagine

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

<Img src = "transparent.gif" />

Questo file immagine è incluso con le librerie jQuery. È possibile utilizzare in alternativa l'immagine di tua scelta.

codice jQuery

La funzione "show" fa scattare l'immagine per mostrare all'utente. La funzione di "nascondere" nasconde il contenuto div. Mentre le funzioni di processo il codice, la funzione "show" mostra l'immagine per l'utente. Il codice seguente mostra l'immagine:

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

Per nascondere l'immagine dopo si elabora il codice, utilizzare il seguente codice:

$ ( "# Processo") nascondere ().;

considerazioni

Si utilizza questa tecnica immagine quando si dispone di processi che richiedono molto tempo per completare, come la memorizzazione di grandi quantità di dati nel database o l'accesso a 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.