Hvordan Sett en Ajax Loader på Min Side

AJAX Side Loader, mer kjent som AJAX side-lasting effekt, er et spinnende sfære som svinger mens din nettside eller web side lastes, slik at besøkende vet at siden din fungerer som den skal, og at de rett og slett nødt til å vente en liten stund for å se innholdet. En AJAX Side Loader kan legges til hvilken som helst nettside eller web side, som gir et interaktivt element som hjelper nettstedet ditt virke mer profesjonell.

Bruksanvisning

1 Høyreklikk på websiden som du wan å legge laste AJAX sfære, velg "Åpne med", velg deretter "Notisblokk".

2 Skriv inn følgende kode etter "<BODY>" tag:

<Div id = 'pageloading'> <div id = 'spinne'> </ div> <div id = "loading"> Denne siden laster ... </ div> </ div>

3 Legg til følgende kode etter "<HEAD>" tag og over "</ HEAD>" tag:

<Script> (funksjon ($) {
$ ( "Html") removeClass ( "v2.");
$ ( "# Header") klar (function () {$ ( "# spinning") stop () animere ({width:.. "15%"}, 1800)}).;
$ ( "# Footer") klar (function () {$ ( "# spinning") stop () animere ({width:.. "80%"}, 1800)}).;

4 Legg til følgende kode rett under Kodene i Trinn 3:

$ (Vindu) .load (function () {
$ ( "# Spinning") stop () animere ({width: "90%"}.., 800, function () {
$ ( "# Loader") fadeout ( "slow", function () {$ (this) .Fjern ();}).;
});
});
}) (JQuery);
</ Script>

5 Klikk "Fil" og "Lagre" for å lagre endringene, og lukk deretter Notisblokk.

Hint

  • Endre "Bredde" prosenter i koden for å endre størrelsen på AJAX Side Loader. En større andel resultater i større Side Loader, mens en mindre andel resulterer i en mindre Page Loader.