Come Fade Out quando si lascia un pagina in jQuery

April 16

effetti visivi di un sito web può fare una grande impressione sui suoi visitatori e aumentare la probabilità che i suoi visitatori tornano. Un linguaggio di programmazione basato su JavaScript conosciuto come jQuery permette agli sviluppatori web di aggiungere effetti chiazza di petrolio a transizioni di pagina Web e menu di navigazione. È possibile forzare la pagina corrente a svanire visivamente fuori dalla vista del browser una volta che l'utente fa clic su un link per visualizzare una nuova pagina. Utilizzare la funzione "fadeOut" di JavaScript per implementare una pagina di fade-out quando un visitatore esce da una pagina Web.

istruzione

1 Digitare il seguente "div id" per l'elemento HTML che si desidera fade out:

<Div id = "our_example">

<B> Fare clic su questo collegamento </ b>

</ Div>

2 Digitare il seguente codice jQuery dopo il codice "div id":

$ ( '#' Clicklink '). Click (function () {

$ ( '#' Pagina '). FadeOut (' veloce ', function () {

});

});

Questo imposta il modo in cui il codice di anima.

3 Digitare o "veloce" o "lento" nel codice di animazione subito dopo "fadeOut (" per cambiare quanto velocemente la pagina scompare. È inoltre possibile indicare la durata della dissolvenza tra 200 millisecondi e 600 millisecondi.