كلما كانت مهرجان رئيسي ، فإن الصفحة الرئيسية للمواقع الرئيسية للمواقع الرئيسية ستستخدم المهرجانات. ضع زر "إغلاق" على مخطط الخلفية.
نستخدم JavaScript للتحكم في الصور الخلفية وإخفاءها. تحميل.
HTML
يتم وضع زر الإغلاق في صورة الخلفية العامة على رأس الصفحة.
نسخ رمز رمز على النحو التالي:
<div id = "top">
<em id = "close_btn"> </em>
</div>
CSS
تحتاج أيضًا إلى إعداد صورة خلفية كبيرة.
نسخ رمز رمز على النحو التالي:
*{الهامش: 0 ؛
الجسم {font: 12px/18px "Microsoft Yahei" ، tahoma ، arial ، verdana ، "/5b8b/4f53" ، sans-serif ؛}
#Top {Clear:
#close_btn {عرض 60px ؛
Display: Block ؛
بعد نشر CSS ، لا يوجد تأثير.
جافا سكريبت
عندما لا يكون هناك ملف تعريف ارتباط ، وما إلى ذلك) عندما لا يكون هناك ملف تعريف ارتباط ، وما إلى ذلك) ، بالطبع ، يجب تحميل صورة الخلفية لعرض تأثير الصفحة الكامل. عندما ننقر على زر "إغلاق" ، في هذا الوقت ، ستقتل JavaScript صور الخلفية التي تم تحميلها على الصفحة ، أي ، لا يتم عرضها ، وتعيين ملفات تعريف الارتباط ، والتحكم في صورة الخلفية الكبيرة خلال وقت انتهاء صلاحية ملف تعريف الارتباط. أي عندما تكون الصفحة منعشة ، إذا لم يتم انتهاء ملف تعريف الارتباط ، فلن يتم تحميل صورة الخلفية الكبيرة ، وسيتم تحميل صورة الخلفية الكبيرة ، يرجى الاطلاع على الرمز:
نسخ رمز رمز على النحو التالي:
$ (function () {
iftcookie ("mainbg") == 0) {
$ ("الجسم ، HTML").
$ ("#close_btn").
} آخر {
$ ("الجسم").
$ ("HTML").
$ ("#close_btn".
}
// انقر للإغلاق
$ ("#close_btn").
$ ("الجسم ، HTML").
$ ("#close_btn").
setCookie ("mainbg" ، "0") ؛
}) ؛
})
من الواضح ، نتحكم في تحميل مخطط الخلفية من خلال تعيين خاصية خلفية خلفية CSS لعنصر الصفحة ، وقراءة وتعيين ملفات تعريف الارتباط من خلال وظيفتي GetCookie () و setCookie ().
نسخ رمز رمز على النحو التالي:
// تعيين ملف تعريف الارتباط
وظيفة setCoOkie (الاسم ، القيمة) {
var exp = new date () ؛
exp.Settime (exp.getTime () + 1*60*60*1000) ؛
document.cookie = name + "=" + Escape (value) + "؛ Expires =" + exp.togmtring () ؛
}
// خذ وظيفة ملفات تعريف الارتباط
وظيفة getCookie (الاسم) {
var anrr = document.cookie.match (new regexp ("(" ("(^|)"+name+"= ([^؛]*) (؛ | $)")))) ؛
إذا (arr! = null) unescape (arr [2]) ؛
}