Hoe te zetten van een Ajax-Loader op mijn pagina

De AJAX pagina Loader, beter bekend als het effect van AJAX laden van pagina's, is een draaiende bol die terwijl uw website verandert of webpagina laadt, te laten uw bezoekers weten of uw pagina correct functioneert en dat ze gewoon moeten wachten een paar momenten om de inhoud te zien. Een AJAX pagina Loader kan worden toegevoegd aan een website of webpagina, bieden een interactieve element waarmee uw website lijken meer professioneel.

Instructies

1

Met de rechtermuisknop op de webpagina waarnaar u wan te toevoegen het laden AJAX gebied, selecteer "Openen met" en kies "Kladblok".

2

Typ de volgende code na de label "< BODY >":

< div id = 'pageloading' >< div id = 'spinnen' >< / div >< div id 'laden' = > deze pagina wordt geladen... < / div >< / div >

3

Voeg de volgende code na de "< HEAD >" tag en boven de "< / HEAD >" tag:

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

4

Voeg de volgende code direct onder de code vermeld in stap 3:

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

5

Klik op "Bestand" en "Save" als de wijzigingen wilt opslaan, en sluit Kladblok.

Tips & waarschuwingen

  • De "Breedte" percentages in de code te wijzigen van de grootte van de AJAX pagina Loader wijzigen Een groter percentage resulteert in een grotere pagina Loader, terwijl een kleiner percentage in een kleinere pagina Loader resulteert.