انتظر حتى يتم تحميل نمط CSS الخاص بالصفحة ، يتم تحميل محتوى HTML ، ثم يعرضه بعد إنشاء النمط ، وتجنب المؤثرات المرئية الضارة الناتجة عن تقديم النمط تدريجياً بعد تحميل المحتوى في البداية ، وتعزيز تجربة المستخدم.
تمت إضافة ملف roading.js ، الرمز كما يلي
// احصل على الارتفاع المرئي وعرض صفحة المتصفح var _pageheight = document.documentElement.clientheight ، _pageWidth = document.documentElement.clientwidth ؛ // حساب المسافة بين مربع التحميل من الأعلى واليسرى (عرض صندوق التحميل هو 215px ، الطول) (_pageheight - 61) / 2: 0 ، _Loadingleft = _pageWidth> 215؟ (_pageWidth - 215)/2: 0 ؛ // تحميل عنوان GIF var loadimagerul = "/content/loadjs/image/loading.gif" ؛ "PX ؛ الخلفية:#f3f8fl ؛ عتامة: alpha (80) ؛ Padding-Left: 50px. document.write (_loadinghtml) ؛ // التحدث عن حالة التحميل لتغيير المستند. loadingmask.parentnode.removechild (loadingmask) ؛}}
عند استخدامه ، تحتاج فقط إلى تقديمه في الرأس
@*// load js تأثير الرسوم المتحركة*@
<script src = "~/content/loadjs/base-load.js"> </script>
التأثير على النحو التالي: بعد المقدمة ، عند تحميل محتوى وأنماط HEML ، ستظهر الرسوم المتحركة تحميل ، والتي سيتم عرضها بعد التحميل لتجنب شاشة التأثر تدريجياً.
يتم الانتهاء من العرض ويتم عرض شاشة التقديم في وقت واحد.
ما سبق هو ما قدمه لك المحرر. بعد تحميل Easyui ، يتم عرض نمط المحتوى لمحتوى HTML. آمل أن يكون ذلك مفيدًا للجميع. إذا كان لديك أي أسئلة ، فيرجى ترك رسالة لي وسوف يرد المحرر على الجميع في الوقت المناسب. شكرا جزيلا لدعمكم لموقع wulin.com!