Wenn ein großes Festival die Homepage der wichtigsten Mainstream -Websites mit Festivals trägt. Platzieren Sie die Schaltfläche "Schließen" in der Hintergrundkarte.
Wir verwenden JavaScript, um die Anzeige- und Versteckung von Hintergrundbildern zu steuern. geladen.
Html
Die Schließung des allgemeinen Hintergrundbildes befindet sich auf dem Kopf der Seite.
Kopieren Sie den Code -Code wie folgt:
<div id = "top">
<em id = "close_btn"> </em>
</div>
CSS
Sie müssen auch ein großes Hintergrundbild vorbereiten.
Kopieren Sie den Code -Code wie folgt:
*{Margin: 0;
Körper {Schrift: 12px/18px "Microsoft Yahei", Tahoma, Arial, Verdana, "/5b8b/4f53", sans-serif;}
#Top {Clear: Beide;
#CLOSE_BTN {Breite: 60px;
Anzeige: Block;
Nach der Bereitstellung des CSS hat die Seite keinen Einfluss.
JavaScript
Wenn die erste Ladeseite (zu diesem Zeitpunkt kein Cookie usw.), muss das Hintergrundbild natürlich geladen werden, um den vollständigen Seiteneffekt anzuzeigen. Wenn wir auf die Schaltfläche "Schließen" klicken, tötet JavaScript zu diesem Zeitpunkt die Hintergrundbilder, die auf der Seite geladen wurden, dh nicht angezeigt, und steuern das große Hintergrundbild über die Ablaufzeit des Keks. Das heißt, wenn die Seite erfrischt ist, wenn das Cookie nicht abgelaufen ist, wird das große Hintergrundbild nicht geladen und das große Hintergrundbild wird geladen. Weitere Informationen finden Sie im Code:
Kopieren Sie den Code -Code wie folgt:
$ (function () {
iftcookie ("mainbg") == 0) {
$ ("Körper, HTML").
$ ("#CLOSE_BTN").
} Anders {
$ ("Körper").
$ ("HTML").
$ ("#CLOSE_BTN").
}
// klicken, um zu schließen
$ ("#CLOSE_BTN").
$ ("Körper, HTML").
$ ("#CLOSE_BTN").
setcookie ("mainbg", "0");
});
})
Offensichtlich steuern wir das Laden des Hintergrunddiagramms, indem wir die CSS -Hintergrundinformation des Seitenelements festlegen und die Cookies durch die beiden benutzerdefinierten Funktionen von getCookie () und setCookie () lesen und festlegen.
Kopieren Sie den Code -Code wie folgt:
// Cookie einstellen
Funktionsetcookie (Name, Wert) {
var exp = neues Datum ();
exp.settime (exp.getTime () + 1*60*60*1000);
document.cookie = name + "=" + Escape (Wert) + "; expires =" + exp.togmtring ();
}
// Nehmen Sie die Cookies -Funktion
Funktion getcookie (name) {
var anrr = document.cookie.match (neuer regexp ("(" (^|) "+name+" = ([^;]*) (; | $) "))));
if (arr! = null) return unemission (arr [2]);
}