تصف هذه المقالة المكوّن الإضافي المخصص للاحتفال بملابس الحمل التي تم تنفيذها بواسطة JS. شاركه للرجوع إليه ، على النحو التالي:
واجهت مشكلة في عملي - يتم تقسيم عملية العمل إلى عدة مراحل. إذا لم يتم عرض البيانات في كل مرحلة ، فيجب عرض ملف Loading Image.gif قبل عرضه ، وإذا كانت هناك بيانات ، فسيختفي. تحقيقًا لهذه الغاية ، كتبت طريقة بنفسي لتسهيل استخدام المشروع بأكمله.
<button onClick = "show ()"> show </button> <button OnClick = "Hide ()" loadingImg (mysetting) {var that = this ؛ if (mysetting == "" || mysetting == undefined || typeof mysetting! = "object") {mySetting = {} ؛ } // استخدم الطابع الزمني كمعرف للفضاء var targetid = new date (). getTime () ؛ هذا. // وظيفة رد الاتصال السابق beforeshow: function (plugin) {} ، // دالة رد الاتصال اللاحق: الدالة (البرنامج المساعد ، الهدف) {}} this.setting = $ .extend (this.setting ، mysetting) ؛ // احصل على عرض الشاشة this.getScreenWidth = function () {return document.documentElement.ClientWidth ؛ } // احصل على ارتفاع الشاشة this.getScreenHeight = function () {return document.documentElement.clientheight ؛ } // show control this.show = function () {$ ("#" + that.setting.targetId) .show () ؛ } // إخفاء عنصر التحكم this.hide = function () {$ ("#" + that.setting.targetId) .Hide () ؛ } this.init = function () {// أظهر إذا (typeof that.setting.beforeshow == "function") {that.setting.beforeshow (that) ؛ } // المتغير var targethtml = '' ؛ // تخزين المحتوى في الحاوية المحددة وقفه في أسفل الجسم بشكل افتراضي إذا (that.setting.targetConater! = "" && this.setting.targetConater! = undefined) {targethtml = '<img src = "' + that.setting.imgurl + '" id = "' $ (that.setting.targetConater) .html (targethtml) ؛ } آخر {targethtml = '<img src = "' + that.setting.imgurl + '">' ؛ targethtml = '<div id = "' + that.setting.targetId + '" style = "display: none ؛ position ؛ aboor ؛ top: 50 ٪ ؛ left: 50 ٪ ؛ height:' + that.getScreenHeight () + '؛ width:' + that.getScreenWid () + '" $ ("الجسم"). إلحاق (targethtml) ؛ } // تحديد ما إذا كان المستخدم قد قام بتخصيص عرض الصورة إذا (that.setting.imgwidth! = "" && that.setting.imgwidth.indexof ("px")> 0) {$ ( } // تنفيذ وظيفة رد الاتصال بعد عرض IF (typeof that.setting.afterShow == "function") {that.setting.afterShow (that ، targetId) ؛ }} this.init () ؛} </script>لمزيد من المعلومات حول المحتوى المتعلق بـ javaScript ، يرجى مراجعة موضوعات هذا الموقع: "ملخص لتأثيرات وتقنيات تبديل JavaScript" ، "ملخص لمهارات خوارزمية بحث JavaScript" ، "ملخص لتأثيرات الرسوم المتحركة JavaScript و Techniques و" ملخص ". خوارزميات وتقنيات JavaScript Traversal "، و" ملخص استخدام العمليات الرياضية JavaScript "
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.