In diesem Artikel wird der Ladeaufforderungseffekt beschrieben, bevor die von JS geladene Seite geladen wird. Teilen Sie es für Ihre Referenz wie folgt weiter:
1. JS Code:
// Erhalten Sie die sichtbare Höhe und Breite der Browser -Seite var _pageHeight = document.documentElement.clientHeight, _PageWidth = document.documentElement.clientwidth; // Berechnen Sie den Abstand zwischen der Ladebox von der oberen und linken Seite (die Breite der Ladebox Is 215Px, die Höhe von 61px). (_PageHeight - 61) / 2: 0, _loadingleft = _PageWidth> 215? (_PageWidth - 215)/2: 0; // Loadinghtml benutzerdefinierte Inhalte, die vor der Seite angezeigt werden, ist nicht geladen var 'PX; TOP: 0; Hintergrund:#f3f8ff; Opazität: 0.8; Polsterung: 50px; Das Laden von Effekten wird dokumentiert. Der Ladezustand ist vollständige Funktion kompletteloading () {if (document.ReadyState == "complete") {var loadingmask = document.getElementById ('loadingDiv'); loadingmask.parentnode.removechild (ladermask); }}2. Effekt:
veranschaulichen:
Setzen Sie einfach diesen Abschnitt des JS -Codes am Ende in <kopf> ein;
Der Stil des Ladeeffekts kann nach Ihrem eigenen Stil geändert werden. Sie müssen selbst das lading.gif -Bild finden (viele von ihnen sind online verfügbar).
Klicken Sie hier, um den vollständigen Demo -Instanzcode herunterzuladen.
For more information about jQuery, readers who are interested in this site can view the topics: "Summary of common classic special effects of jQuery", "Summary of commonly used plug-ins and usages of jQuery", "Summary of jQuery table (table) operation skills", "Summary of jQuery form operation skills", "Summary of jQuery operation json data skills", "Summary of jQuery extension skills", "Summary of jQuery drag and drop special Effekte und Techniken "," Zusammenfassung der Ajax -Nutzung in JQuery "," Zusammenfassung der Jquery -Animations- und Spezialeffektverwendung "und" Zusammenfassung der Verwendung von Jquery Selector ""
Ich hoffe, dieser Artikel wird für JQuery -Programme aller hilfreich sein.