Dieser Artikel beschreibt das von JS implementierte Plugin für benutzerdefinierte Anzeige -Lade -Warte -Bild -Plugin. Teilen Sie es für Ihre Referenz wie folgt weiter:
Ich habe ein Problem in meiner Arbeit gestoßen - ein Geschäftsprozess ist in mehrere Phasen unterteilt. Wenn die Daten nicht in jeder Stufe angezeigt werden, muss die Datei ladet laden. Zu diesem Zweck schrieb ich selbst eine Methode, um die Verwendung des gesamten Projekts zu erleichtern.
<button onclick = "show ()"> show </button> <button onclick = "hide ()"> hide </button> <script> // Ladeobjekt var obj = new LoadingImg (); // Lade -Lade -Bildfunktion Show () {obj.show ();} // Lade -Bildfunktion ausblenden Bildfunktion () {) OBJ.HIDE (); loadingimg (mySetting) {var that = this; if (mySetting == "" || mySetting == undefined || typeof mySetting! = "object") {mySetting = {}; } // Verwenden Sie den Zeitstempel als ID des Space var targetId = new Date (). GetTime (); this.Setting = {// Einfügen des Containers des Bildes, übergeben Sie den Parameter -Zielconater mit JQuery Query -Methode: "", // die Bildadresse imgurl: "../img/loading.gif", // Die Breite der Bildanzeige imgwidth: "32px", // TAGED -STYLE IMGCLASS IMGCLASS: // // Die generierte Kontrollstil des Bildes/// // // Die Gütersteuerung des Bildes // // // // Die generierte Kontrollstil des Bildes/// // Die Id. Vorherige Rückruffunktion vorhow: function (plugin) {}, // Die Rückruffunktion Aftershow: Funktion (Plugin, TargetId) {}} this.seting = $ .extend (this.seting, mySetting); // Die Breite des Bildschirms abrufen. } // Die Höhe des Bildschirms abrufen. } // steuern Sie this.show = function () {$ ("#" + that.seting.targetId) .show (); } // Die Kontrolle this.hide = function () {$ ("#" + that.seting.targetId) .hide (); } this.init = function () {// anzeigen if (typed thatSting.Beforeshow == "Funktion") {that.seting.Beforeshow (das); } // die variable var tarethtml = ''; // Speichern Sie den Inhalt im angegebenen Container und speichern Sie ihn standardmäßig am Boden des Körpers, wenn (that.Setting.targetConater! = "" && this.seting.targetConater! $ (that.setting.targetConater) .html (tarethtml); } else {targethtml = '<img src = "' + that.seting.imgurl + '">'; targethtml = '<div id = "' + that.seting.targetId + '" style = "display: keine; Position: absolut; ober: 50%; links: 50%; Höhe:' + that.getscreenHeight () + '; Breite:' + that.getscreenwidth () + ''> ' + targeethtml +' </Diven> '; $ ("Body"). Append (Targethtml); } // Bestimmen Sie, ob der Benutzer die Breite des Bildes angepasst hat. } // Die Rückruffunktion nach Anzeigen von if (typed that.Seting.aftershow == "Funktion") {thats.Seting.aftershow (that, targetId) ausführen; }} this.init ();} </script>Weitere Informationen zu javaScriptbezogenen Inhalten finden Sie in den Themen dieser Website: "Zusammenfassung der JavaScript -Switching -Effekte und -Techniken", "Zusammenfassung der Fähigkeiten der JavaScript -Suchalgorithmus", "Zusammenfassung der JavaScript -Animationseffekte und -Techniken", "Zusammenfassung von JavaScript -Fehler und Debugging -Techniken", Summary of Javacript -Daten und Algorith -Fähigkeiten "," Summary of Javacript Data Structures "," Summary of Javacript Data Structures "" "" "" "" "" "" "" "" "" " JavaScript -Traversalalgorithmen und -techniken "und" Zusammenfassung der Nutzung von JavaScript -Mathematischen Operationen "
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.