Cada vez que un festival importante, la página de inicio de los principales sitios web principales usará festivales. Coloque el botón "Cerrar" en la tabla de fondo.
Utilizamos JavaScript para controlar la pantalla y ocultar imágenes de fondo. cargado.
Html
El botón de cierre de la imagen de fondo general se coloca en la cabeza de la página.
Copiar código del código de la siguiente manera:
<div id = "top">
<em id = "cerrador_btn"> </em>
</div>
CSS
También debe preparar una gran imagen de fondo.
Copiar código del código de la siguiente manera:
*{margen: 0;
Body {Font: 12px/18px "Microsoft Yahei", Tahoma, Arial, Verdana, "/5B8B/4F53", Sans-Serif;}
#TOP {Clear: Ambos;
#Close_btn {ancho: 60px;
pantalla: bloque;
Después de implementar el CSS, la página no tiene efecto.
Javascript
Cuando la primera página de carga (en este momento no hay cookies, etc.), por supuesto, la imagen de fondo debe cargarse para mostrar el efecto de página completo. Cuando hacemos clic en el botón "Cerrar", en este momento JavaScript matará las imágenes de fondo que se han cargado en la página, es decir, no se muestran, y establecerá cookies, controlar la gran imagen de fondo a través del tiempo de vencimiento de la cookie. Es decir, cuando la página es refrescante, si la cookie no caduca, la gran imagen de fondo no se cargará y se cargará la gran imagen de fondo, consulte el código:
Copiar código del código de la siguiente manera:
$ (function () {
iftcookie ("mainbg") == 0) {
$ ("cuerpo, html").
$ ("#Close_btn").
} Demás {
$ ("cuerpo").
$ ("html").
$ ("#Close_btn").
}
// Haga clic para cerrar
$ ("#Close_btn").
$ ("cuerpo, html").
$ ("#Close_btn").
setcookie ("mainbg", "0");
});
})
Obviamente, controlamos la carga del diagrama de fondo estableciendo la propiedad de fondo CSS de fondo del elemento de página, y leemos y establecemos las cookies a través de las dos funciones personalizadas de Getcookie () y Setcookie ().
Copiar código del código de la siguiente manera:
// establecer cookie
Función setcookie (nombre, valor) {
var exp = new Date ();
exp.setTime (exp.gettime () + 1*60*60*60*1000);
document.cookie = name + "=" + escape (valor) + "; expires =" + exp.togmtring ();
}
// tomar la función de cookies
Function getCookie (nombre) {
var anrr = document.cookie.match (new Regexp ("(" (^|) "+nombre+" = ([^;]*) (; | $) ")));
if (arr! = null) return unescape (arr [2]);
}