Come mettere un Ajax Loader sulla mia pagina

May 16

L'AJAX pagina Loader, più comunemente noto come l'effetto pagina di caricamento AJAX, è una sfera rotante che trasforma durante il tuo sito web o una pagina web carichi, lasciando che i visitatori sanno che la pagina funzioni correttamente e che semplicemente essere necessario attendere qualche istante per vedere il suo contenuto. Un AJAX Pagina Loader può essere aggiunto a qualsiasi pagina o sito Web, fornendo un elemento interattivo che aiuta il vostro sito sembra più professionale.

istruzione

1 Fare clic sulla pagina Web a cui si wan aggiungere la sfera di carico AJAX, selezionare "Apri con", quindi scegliere "Blocco note".

2 Digitare il seguente codice dopo il tag "<body>":

<Div id = 'pageloading'> <div id = 'spinning'> </ div> <div id = 'carico'> Questa pagina è carico ... </ div> </ div>

3 Aggiungere il seguente codice dopo il tag "<HEAD>" e sopra il tag "</ HEAD>":

<Script> (function ($) {
$ ( "Html") removeClass ( "v2.");
$ ( "# Header") pronto (function () {$ ( "# spinning") stop () animare ({width:.. "15%"}, 1800)}).;
$ ( "# Piè di pagina") pronto (function () {$ ( "# spinning") stop () animare ({width:.. "80%"}, 1800)}).;

4 Aggiungere il seguente codice direttamente sotto il codice elencato nel passaggio 3:

$ (Window) .load (function () {
$ ( "# Spinning") stop () animare ({width: "90%"}.., 800, function () {
$ ( "# Loader") fadeOut ( "lento", function () {$ (questo) .Remove ();}).;
});
});
}) (JQuery);
</ Script>

5 Fai clic su "File" e "Salva" per salvare le modifiche, quindi chiudere il Blocco note.

Consigli e avvertenze

  • Modificare le percentuali "Width" nel codice per modificare le dimensioni della pagina AJAX Loader. A grandi risultati percentuali in una pagina più grande Loader, mentre un più piccoli risultati percentuali in una pagina più piccolo Loader.