Всякий раз, когда крупный фестиваль, домашняя страница основных веб -сайтов будет носить фестивали. Поместите кнопку «Закрыть» на фоновую таблицу.
Мы используем JavaScript для управления дисплеем и скрывать фоновые изображения. загружен.
HTML
Кнопка закрытия общего фонового изображения размещена на голове страницы.
Код кода копирования следующим образом:
<div id = "top">
<em id = "close_btn"> </em>
</div>
CSS
Вам также необходимо подготовить большой фоновый изображение.
Код кода копирования следующим образом:
*{Margin: 0;
Body {Font: 12px/18px "Microsoft yahei", Tahoma, Arial, Verdana, "/5b8b/4f53", Sans-serif;}
#Top {clear: оба;
#Close_btn {ширина: 60px;
дисплей: блок;
После развертывания CSS страница не имеет никакого эффекта.
JavaScript
Когда первая страница загрузки (в настоящее время нет cookie и т. Д.), Конечно, фоновое изображение должно быть загружено, чтобы отобразить полный эффект страницы. Когда мы нажимаем на кнопку «Закрыть», в настоящее время JavaScript убьет фоновые картинки, которые были загружены на странице, то есть не отображаются, и установит файлы cookie, управляйте большим фоновым изображением во время истечения срока действия файла cookie. То есть, когда страница освежает, если файл cookie не истек, большая фоновая картина не будет загружена, а большое фоновое изображение будет загружено, см. Код:
Код кода копирования следующим образом:
$ (function () {
iftcookie ("mainbg") == 0) {
$ (тело, HTML »).
$ ("#Close_btn").
} Еще {
$ ("Body").
$ ("html").
$ ("#Close_btn").
}
// Нажмите, чтобы закрыть
$ ("#Close_btn").
$ (тело, HTML »).
$ ("#Close_btn").
SetCookie ("mainbg", "0");
});
})
Очевидно, что мы контролируем загрузку фоновой диаграммы, установив фоновое свойство фонового фона CSS и считываем и устанавливаем файлы cookie через две пользовательские функции getCookie () и setCookie ().
Код кода копирования следующим образом:
// set cookie
Функция setCookie (имя, значение) {
var exp = new Date ();
exp.settime (exp.gettime () + 1*60*60*60*1000);
document.cookie = name + "=" + exck (value) + "; истекает =" + exp.togmtring ();
}
// Принять функцию cookie
Функция getCookie (имя) {
var anrr = document.cookie.match (new Regexp ("(" (^|) "+name+" = ([^;]*) (; | $) "))));
if (arr! = null) вернуть Unescape (arr [2]);
}