Wie einen Ajax-Loader auf meiner Seite setzen

AJAX-Seite-Loader, besser bekannt als AJAX-Seite laden-Effekt ist eine spinnende Kugel, die während Ihrer Website verwandelt oder Web-Seite geladen wird, lassen Ihre Besucher wissen, dass Ihre Seite korrekt funktioniert und dass sie einfach zu warten, ein paar Momente, ihren Inhalt zu sehen. Eine AJAX-Seite-Loader können hinzugefügt werden, um jede Website oder Webseite, bietet ein interaktives Element, das hilft, Ihre Website noch professioneller scheinen.

Anweisungen

1 Mit der rechten Maustaste die Web-Seite, auf die Sie wan, um das Laden AJAX Sphäre hinzufügen, wählen "Öffnen mit" und anschließend "Notepad".

2 Geben Sie den folgenden Code nach dem Tag "< BODY >":

< Div Id = 'Pageloading' >< Div Id = 'Spinnerei' >< / Div >< Div Id = "Laden" > Diese Seite wird geladen... < / Div >< / Div >

3 Fügen Sie den folgenden Code nach dem "< HEAD >"-Tag und oberhalb des "< / HEAD >" Tags:

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

4 Fügen Sie folgenden Code direkt unter dem Code in Schritt 3 aufgeführt:

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

5 Klicken Sie auf "Datei" und "Speichern", um die Änderungen zu speichern und schließen Sie Editor.

Tipps & Warnungen

• Ändern Sie die "Breite" Prozentsätze in den Code zum Ändern der Größe der Seite AJAX-Loader. Ein größerer Prozentsatz ergibt sich eine größere Page Loader, während ein kleinerer Prozentsatz ein kleiner Page-Ladeprogramm führt.