Chaque fois qu'un festival majeur, la page d'accueil des principaux sites Web grand public portera des festivals. Placez le bouton "Fermer" sur le graphique d'arrière-plan.
Nous utilisons JavaScript pour contrôler les images d'affichage et de cachette d'arrière-plan. chargé.
Html
Le bouton de clôture de l'image générale est placé sur la tête de la page.
Copier le code du code comme suit:
<div id = "top">
<em id = "close_btn"> </em>
</div>
CSS
Vous devez également préparer une grande image d'arrière-plan.
Copier le code du code comme suit:
* {marge: 0;
Body {Font: 12px / 18px "Microsoft Yahei", Tahoma, Arial, Verdana, "/ 5b8b / 4f53", Sans-Serif;}
#Top {Clear: les deux;
#Close_btn {largeur: 60px;
Affichage: bloc; z-index: 2;}
Après le déploiement du CSS, la page n'a aucun effet.
Javascrip
Lorsque la première page de chargement (pour le moment, il n'y a pas de cookie, etc.), bien sûr, l'image d'arrière-plan doit être chargée pour afficher l'effet de la page complète. Lorsque nous cliquons sur le bouton "Fermer", JavaScript à ce moment tuera les images d'arrière-plan qui ont été chargées sur la page, c'est-à-dire non affichées et définir les cookies, contrôler la grande image d'arrière-plan pendant le temps d'expiration du cookie. Autrement dit, lorsque la page est rafraîchissante, si le cookie n'est pas expiré, la grande image d'arrière-plan ne sera pas chargée et la grande image d'arrière-plan sera chargée, veuillez consulter le code:
Copier le code du code comme suit:
$ (function () {
iftcookie ("mainbg") == 0) {
$ ("corps, html").
$ ("#Close_btn").
} Autre {
$ ("corps").
$ ("html").
$ ("#Close_btn").
}
// cliquez pour fermer
$ ("#Close_btn").
$ ("corps, html").
$ ("#Close_btn").
setcookie ("mainbg", "0");
});
})
De toute évidence, nous contrôlons le chargement du diagramme d'arrière-plan en définissant la propriété d'arrière-plan CSS de l'élément de page, et lisons et définissons les cookies via les deux fonctions personnalisées de getcookie () et setcookie ().
Copier le code du code comme suit:
// Définir le cookie
Fonction setcookie (nom, valeur) {
var exp = new Date ();
exp.settime (exp.gettime () + 1 * 60 * 60 * 60 * 1000);
document.cookie = name + "=" + Escape (valeur) + "; expires =" + exp.togmtring ();
}
// Prenez la fonction des cookies
Fonction getcookie (name) {
var anrr = document.cookie.match (new regexp ("(" (^ |) "+ name +" = ([^;] *) (; | $) "))));
if (arr! = null) RETOUR UNESCAPE (arr [2]);
}