Vérifiez l'effet sur le code source:
<! Doctype html> <html> <éad- head> <itle> </ title> <style> corps {margin: 0; padding: 0;}. Wrap {overflow: Hidden; position: fixe; z-index: 99999; width: 100%; top: 0; gauche: 0;}. Div {overflow: Hidden; Position: Absolut; largement; largeur: 100%;. URL (1.JPG) Centre central non répété; hauteur: 100%;} </ style> </ head> <body> <p> Ceci est le contenu du site Web </p> <p> Site Web </p> <p> Ceci est le contenu du site Web </p> <p> Ceci est le contenu du site Web </p> <p> Ceci est le contenu du site </p> <p> Site Web </p> <p> Ceci est le contenu du site Web </p> <p> Ceci est le contenu du site Web </p> <p> Ceci est le contenu du site </p> <p> Site Web </p> <p> Ceci est le contenu du site Web </p> <p> Ceci est le contenu du site Web </p> <p> Ceci est le contenu du site </p> <p> Site Web </p> <p> Ceci est le contenu du site Web </p> <p> Ceci est le contenu du site Web </p> <p> / p> <p> Ceci est le contenu du site Web </p> <p> Site Web </p> <p> Ceci est le contenu du site Web </p> <p> Ceci est le contenu du site Web </p> <p> Ceci est le contenu du site </p> <p> Site Web </p> <p> Ceci est le contenu du site Web </p> <p> Ceci est le contenu du site Web </p> <p> Ceci est le contenu du site </p> <p> Ceci est le contenu du site Web </p> <p> C'est le contenu du site Web </p> <p> Ceci est le contenu du site </p> <p> Ce contenu du site Web </p> <p> id = "d1"> <div> </ div> </ div> <div id = "d2"> <div> </div> </div> </div> <script src = "jQuery-1.8.3.min.js"> </ script> <script> var h = $ (window) .Height (); var h1 = h / script> 2; $ ('# d1, # d2'). Hauteur (h1); $ ('. Wrap, .d'). Height (h); $ ('# d2'). Css ('top', h1); $ ('# d2.d'). 3000); $ ('# d2'). Animate ({'top': h}, 3000, function () {$ ('. Wrap'). Retire ();});}, 2000); // Ouvert après un certain temps, 1000 = 1 seconde </cript> </ body> </html>