В следующем случае js используется для реализации эффекта плавающего слоя страницы и использует js для чтения и записи файлов cookie с помощью двух методов для достижения состояния отображения пользователя, отключающего рекламу;
Читатели могут скопировать следующий код в файл html, чтобы опробовать эффект. Тег pre в html имеет два метода реализации js;
Скопируйте код кода следующим образом:
<!DOCTYPE HTML>
<html>
<голова>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type"/>
<meta content="Ян Кай" name="description"/>
<meta name="author" content="http://blog.csdn.net/tianyazaiheruan"/>
<meta name="copyright" content="Авторские права Ян Кая"/>
<title>IT_Blog_Янг Кай</title>
</голова>
<тело>
<дел>
Автор статьи: IT_Blog_Янг Кай
Пожалуйста, указывайте источник при перепечатке: <a href="http://blog.csdn.net/yangkai_hudong">http://blog.csdn.net/yangkai_hudong</a>
</div>
<br>
<дел>
<предварительно>
1. Первый: использование библиотеки cookie jQuery.
Примером является используемый в настоящее время js. Соответствующий код выглядит следующим образом:
$(документ).ready(функция () {
var adCookie=$.cookie("docCookie");
//Если локально файла cookie нет, запишите входной файл cookie локально
если(adCookie!="adDocCookie"){
$("#wapDocCookie").show();
}
//Если входной файл cookie существует локально, плавающий слой не будет отображаться.
если(adCookie=="adDocCookie"){
$("#wapDocCookie").hide();
}
//Закрываем рекламу и скрываем плавающий слой
$("#closeAd").click(function(){
$("#wapDocCookie").hide();
$.cookie("docCookie","adDocCookie",{expires:60});
});
});
//библиотека файлов cookie jQuery
jQuery.cookie = функция (имя, значение, параметры) {
if (typeof value != 'undefined') { // задано имя и значение, установить cookie
опции = опции ||
если (значение === ноль) {
значение = '';
options.expires = -1;
}
вар истекает = '';
if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
переменная дата;
if (typeof options.expires == 'number') {
дата = новая дата();
date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
} еще {
дата = options.expires;
}
expires = '; expires=' + date.toUTCString() // используйте атрибут expires, максимальный возраст не поддерживается IE
}
вар путь = options.path ? '; путь =' + (options.path): '';
вар домен = options.domain ? '; домен =' + (options.domain): '';
вар безопасный = options.secure '; безопасный': '';
document.cookie = [имя, '=', encodeURIComponent(значение), истекает, путь, домен, безопасность].join('');
} else { // указано только имя, получаем cookie
вар cookieValue = ноль;
if (document.cookie && document.cookie != '') {
var cookie = document.cookie.split(';');
for (var я = 0; я <cookies.length; я++) {
вар cookie = jQuery.trim(cookies[i]);
// Начинается ли эта строка cookie с нужного нам имени?
if (cookie.substring(0, name.length + 1) == (name + '=')) {
cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
перерыв;
}
}
}
вернуть значение cookie;
}
};
2. Второй тип: самостоятельно написать js-пример работы с файлами cookie.
Соответствующий js выглядит следующим образом:
$(документ).ready(функция() {
функция writeCookie(имя,значение)
{
вар exp = новая дата ();
exp.setTime(exp.getTime() + 7*24*60*60*1000);
document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}
//Читаем куки
функция readCookie(имя)
{
var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
если(arr=document.cookie.match(reg)){
вернуть unescape(arr[2]);
}еще {
вернуть ноль;
}
}
вар adCookie = readCookie("adCookie");
если(adCookie!="adDocCookie"){
$("#wapDocCookie").show();
}
//Если входной файл cookie существует локально, плавающий слой не будет отображаться.
если(adCookie=="adDocCookie"){
$("#wapDocCookie").hide();
}
//Закрываем рекламу и скрываем плавающий слой
$("#closeAd").click(function(){
$("#wapDocCookie").hide();
});
});
</pre>
</div>
<!--Стиль рекламы-->
<style type="text/css">
тело {TEXT-ALIGN: центр;}
#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) no-repeat;background-size:280px;background:url(http://static.hudong.com/50/69/26100000006141138683695381873.png) no-repeat 0 -36 пикселей/9; высота: 46 пикселей; ширина: 290 пикселей; дисплей: встроенный блок; переполнение: скрыто; высота строки: 99em;}
#closeAd{background:url(http://static.hudong.com/54/88/26100000006141138683883031718.png) без повтора ;background-size:12px;background:url(http://static.hudong.com/50/69/26100000006141138683695381873.png) no-repeat -278px 0/9;высота:12 пикселей;ширина:12 пикселей;дисплей:блок;позиция:абсолютная;сверху:5 пикселей;справа:10 пикселей;}
<!--Реклама js -->
</стиль>
<script type="text/javascript" src="http://www.huimg.cn/lib/jquery-1.3.2.js"></script>
<тип сценария="текст/javascript">
$(документ).ready(функция () {
var adCookie=$.cookie("docCookie");
//Если локально файла cookie нет, запишите входной файл cookie локально
если(adCookie!="adDocCookie"){
$("#wapDocCookie").show();
}
//Если входной файл cookie существует локально, плавающий слой не будет отображаться.
если(adCookie=="adDocCookie"){
$("#wapDocCookie").hide();
}
//Закрываем рекламу и скрываем плавающий слой
$("#closeAd").click(function(){
$("#wapDocCookie").hide();
$.cookie("docCookie","adDocCookie",{expires:60});
});
});
//библиотека файлов cookie jQuery
jQuery.cookie = функция (имя, значение, параметры) {
if (typeof value != 'undefined') { // задано имя и значение, установить cookie
варианты = варианты ||
если (значение === ноль) {
значение = '';
options.expires = -1;
}
вар истекает = '';
if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
переменная дата;
if (typeof options.expires == 'number') {
дата = новая дата();
date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
} еще {
дата = options.expires;
}
expires = '; expires=' + date.toUTCString() // используйте атрибут expires, максимальный возраст не поддерживается IE
}
var путь = options.path ? '; путь =' + (options.path): '';
вар домен = options.domain ? '; домен =' + (options.domain): '';
вар безопасный = options.secure '; безопасный': '';
document.cookie = [имя, '=', encodeURIComponent(значение), истекает, путь, домен, безопасность].join('');
} else { // указано только имя, получаем cookie
вар cookieValue = ноль;
if (document.cookie && document.cookie != '') {
var cookie = document.cookie.split(';');
for (var я = 0; я <cookies.length; я++) {
вар cookie = jQuery.trim(cookies[i]);
// Начинается ли эта строка cookie с нужного нам имени?
if (cookie.substring(0, name.length + 1) == (name + '=')) {
cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
перерыв;
}
}
}
вернуть значение cookie;
}
};
</скрипт>
<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>