الحالة التالية تستخدم js لتنفيذ تأثير الطبقة العائمة للصفحة، وتستخدم js لقراءة وكتابة ملفات تعريف الارتباط من خلال طريقتين لتحقيق حالة العرض عندما يقوم المستخدم بإيقاف تشغيل الإعلان؛
يمكن للقراء نسخ التعليمات البرمجية التالية إلى ملف html لتجربة التأثير؛ تحتوي العلامة المسبقة لـ html على طريقتين لتنفيذ js
انسخ رمز الكود كما يلي:
<!DOCTYPE HTML>
<أتش تي أم أل>
<الرأس>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type"/>
<محتوى ميتا = "يانغ كاي" اسم = "وصف"/>
<meta name="author" content="http://blog.csdn.net/tianyazaiheruan"/>
<meta name="copyright" content="حقوق الطبع والنشر بواسطة Yang Kai"/>
<title>IT_Blog_Yang Kai</title>
</الرأس>
<الجسم>
<ديف>
مؤلف هذا المقال: IT_Blog_Yang Kai
يرجى الإشارة إلى المصدر عند إعادة الطباعة: <a href=”http://blog.csdn.net/yangkai_hudong”>http://blog.csdn.net/yangkai_hudong</a>
</div>
<ر>
<ديف>
<قبل>
1. الأول: استخدام مكتبة ملفات تعريف الارتباط الخاصة بـ jQuery
المثال هو js المستخدم حاليًا، والرمز ذو الصلة هو كما يلي:
$(مستند).جاهز(وظيفة () {
var adCookie=$.cookie("docCookie");
// إذا لم يكن هناك ملف تعريف ارتباط محليًا، فاكتب ملف تعريف ارتباط الإدخال محليًا
إذا(adCookie!="adDocCookie"){
$("#wapDocCookie").show();
}
// إذا كان ملف تعريف ارتباط الإدخال موجودًا محليًا، فلن يتم عرض الطبقة العائمة.
إذا(adCookie==adDocCookie){
$("#wapDocCookie").hide();
}
// أغلق الإعلانات وأخفي الطبقة العائمة
$("#CloseAd").انقر(function(){
$("#wapDocCookie").hide();
$.cookie("docCookie"،"adDocCookie"،{expires:60});
});
});
// مكتبة ملفات تعريف الارتباط jQuery
jQuery.cookie = الوظيفة (الاسم، القيمة، الخيارات) {
إذا (نوع القيمة! = 'غير محدد') {// الاسم والقيمة المعطاة، قم بتعيين ملف تعريف الارتباط
الخيارات = الخيارات ||.
إذا (القيمة === فارغة) {
القيمة = '';
options.expires = -1;
}
تنتهي صلاحية var = '';
إذا (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
تاريخ فار؛
إذا (typeof options.expires == 'number') {
التاريخ = تاريخ جديد ()؛
date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
} آخر {
التاريخ = الخيارات.انتهاء الصلاحية؛
}
تنتهي = '; تنتهي =' + date.toUTCString(); // استخدم سمة انتهاء الصلاحية، الحد الأقصى للعمر غير مدعوم من قبل IE
}
var path = options.path ? path=' + (options.path) : '';
var domain = options.domain ? domain=' + (options.domain) : '';
var Secure = options.secure '; Secure' : '';
document.cookie = [name, '=', encodeURIComponent(value)، تنتهي الصلاحية، المسار، المجال، آمن].join('');
} else { // الاسم المحدد فقط، احصل على ملف تعريف الارتباط
var cookieValue = null;
إذا (document.cookie && document.cookie != '') {
var cookies = document.cookie.split(';');
لـ (var i = 0; i < cookies.length; i++) {
var cookie = jQuery.trim(cookies[i]);
// هل تبدأ سلسلة ملفات تعريف الارتباط هذه بالاسم الذي نريده؟
إذا (cookie.substring(0, name.length + 1) == (name + '=')) {
cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
استراحة؛
}
}
}
إرجاع قيمة ملف تعريف الارتباط؛
}
};
2. النوع الثاني: اكتب مثال js لتشغيل ملفات تعريف الارتباط بنفسك
Js ذات الصلة هي كما يلي:
$(مستند).جاهز(وظيفة() {
وظيفة writeCookie (الاسم والقيمة)
{
var exp = new Date();
exp.setTime(exp.getTime() + 7*24*60*60*1000);
document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}
// قراءة ملفات تعريف الارتباط
وظيفة قراءة ملف تعريف الارتباط (الاسم)
{
var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
إذا(arr=document.cookie.match(reg)){
إرجاع unescape(arr[2]);
}آخر {
عودة فارغة؛
}
}
var adCookie = readCookie("adCookie");
إذا(adCookie!="adDocCookie"){
$("#wapDocCookie").show();
}
// إذا كان ملف تعريف ارتباط الإدخال موجودًا محليًا، فلن يتم عرض الطبقة العائمة.
إذا(adCookie==adDocCookie){
$("#wapDocCookie").hide();
}
// أغلق الإعلانات وأخفي الطبقة العائمة
$("#CloseAd").انقر(function(){
$("#wapDocCookie").hide();
});
});
</قبل>
</div>
<!--أسلوب الإعلان-->
<نمط النوع = "نص/CSS">
الجسم {محاذاة النص: المركز؛}
#wapDocCookie{background-color:rgba(0,0,0,0.7);background:#4b4b4b/9;width:100%;text-align:center;position:fixed;padding:10px 0 5px 0;bottom:0 ;يسار:0;}
#bkguancha{background:url(http://static.hudong.com/35/86/26100000006141138683868789461.png) عدم التكرار;حجم الخلفية:280px;الخلفية:url(http://static.hudong.com/50/69/26100000006141138683695381873.png) عدم التكرار 0 -36px/9;الارتفاع:46px;العرض:290px;العرض:كتلة مضمنة;التجاوز:مخفي;ارتفاع الخط:99em;}
# CloseAd{background:url(http://static.hudong.com/54/88/26100000006141138683883031718.png) بدون تكرار ؛ حجم الخلفية: 12 بكسل ؛ الخلفية: url (http://static.hudong.com/50/69/26100000006141138683695381873.png) بدون تكرار -278px 0/9;الارتفاع:12px;العرض:12px;العرض:كتلة;الموضع:مطلق;الأعلى:5px;اليمين:10px;}
<!--شبيبة الإعلان -->
</نمط>
<script type="text/javascript" src="http://www.huimg.cn/lib/jquery-1.3.2.js"></script>
<نوع البرنامج النصي = "نص/جافا سكريبت">
$(مستند).جاهز(وظيفة () {
var adCookie=$.cookie("docCookie");
// إذا لم يكن هناك ملف تعريف ارتباط محليًا، فاكتب ملف تعريف ارتباط الإدخال محليًا
إذا(adCookie!="adDocCookie"){
$("#wapDocCookie").show();
}
// إذا كان ملف تعريف ارتباط الإدخال موجودًا محليًا، فلن يتم عرض الطبقة العائمة.
إذا(adCookie==adDocCookie){
$("#wapDocCookie").hide();
}
// أغلق الإعلانات وأخفي الطبقة العائمة
$("#CloseAd").انقر(function(){
$("#wapDocCookie").hide();
$.cookie("docCookie"،"adDocCookie"،{expires:60});
});
});
// مكتبة ملفات تعريف الارتباط jQuery
jQuery.cookie = الوظيفة (الاسم، القيمة، الخيارات) {
إذا (نوع القيمة!= 'غير محدد') {// الاسم والقيمة المعطاة، قم بتعيين ملف تعريف الارتباط
الخيارات = الخيارات ||.
إذا (القيمة === فارغة) {
القيمة = '';
options.expires = -1;
}
تنتهي صلاحية var = '';
إذا (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
تاريخ فار؛
إذا (typeof options.expires == 'number') {
التاريخ = تاريخ جديد ()؛
date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
} آخر {
التاريخ = الخيارات.انتهاء الصلاحية؛
}
تنتهي = '; تنتهي =' + date.toUTCString(); // استخدم سمة انتهاء الصلاحية، الحد الأقصى للعمر غير مدعوم من قبل IE
}
var path = options.path ? path=' + (options.path) : '';
var domain = options.domain ? domain=' + (options.domain) : '';
var Secure = options.secure '; Secure' : '';
document.cookie = [name, '=', encodeURIComponent(value)، تنتهي الصلاحية، المسار، المجال، آمن].join('');
} else { // الاسم المحدد فقط، احصل على ملف تعريف الارتباط
var cookieValue = null;
إذا (document.cookie && document.cookie != '') {
var cookies = document.cookie.split(';');
لـ (var i = 0; i < cookies.length; i++) {
var cookie = jQuery.trim(cookies[i]);
// هل تبدأ سلسلة ملفات تعريف الارتباط هذه بالاسم الذي نريده؟
إذا (cookie.substring(0, name.length + 1) == (name + '=')) {
cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
استراحة؛
}
}
}
إرجاع قيمة ملف تعريف الارتباط؛
}
};
</script>
<div id="wapDocCookie" style="display: none;">
<a id="bkguancha" href="http://www.baike.com/api.php?m=guancha&a=download" onclick="StatVirtualTraffic(document.referrer,window.location,'stat_hdstat_onclick_survey_wap_doc_foot_download')">انقر تحميل</a>
<a id="CloseAd" href="javascript:void(0)"> </a>
</div>
</الجسم>
</html>