Nwlapcug.com


Come mettere un Loader Ajax sulla mia pagina

Il caricatore di pagina AJAX, più comunemente noto come l'effetto di caricamento della pagina AJAX, è una sfera di filatura che gira mentre il tuo sito Web o pagina Web viene caricata, lasciando ai tuoi visitatori di sapere che la pagina funzioni correttamente e che hanno semplicemente aspettare qualche minuto per vedere il contenuto. Una pagina AJAX Loader può essere aggiunto a qualsiasi sito Web o pagina Web, fornendo un elemento interattivo che aiuta il tuo sito sembra più professionale.

Istruzioni

1

Destro della pagina Web a cui si desidera aggiungere il caricamento sfera AJAX, seleziona "Apri con", quindi scegli "Blocco note".

2

Digitare il seguente codice dopo il tag "< BODY >":

< div id = 'pageloading' >< div id = 'spinning' >< / div >< div id = 'carico' > Questa pagina sta caricando... < / div >< / div >

3

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

< script > ({function($)
$("html").removeClass("v2");
$("#header").ready(function() {$("#spinning").stop () .animate ({width: "15%"}, 1800)});
$("#footer").ready(function() {$("#spinning").stop () .animate ({width: "80%"}, 1800)});

4

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

$(window).load(function() {
$("#spinning").stop () .animate ({width: "90%"}, {800,function()
$("#loader").fadeOut("slow",function() {$(this).remove();});
});
});
}) (jQuery);
< / script >

5

Fare clic su "File" e "Salva" per salvare le modifiche, quindi chiudere il blocco note.

Consigli & Avvertenze

  • Modificare le percentuali di "Width" nel codice per modificare la dimensione del caricatore pagina AJAX. Una percentuale maggiore si traduce in un più grande caricatore Page, mentre una percentuale minore si traduce in un più piccolo caricatore di Page.