Verifique el efecto en el código fuente:
<! Doctype html> <html> <fead> <title> </title> <style> Body {margin: 0; Padding: 0;}. Wrap {Overflow: Hidden; Position: Fixed; Z-Index: 99999; Ancho: 100%; Top: 0; Izquierda: 0;}. Div {Overflow: Hidden; Position; Width. {fondo: url (1.jpg) centro centro no-repeat; altura: 100%;} </style> </head> <body> <p> Este es el contenido del sitio web </p> <p> Este es el contenido del sitio web </p> <p> Este es el contenido del sitio web </p> <p> Este es el contenido del sitio web </p> <p> Este es el contenido del sitio web <p> <p>. website</p><p>This is the content of the website</p><p>This is the content of the website</p><p>This is the content of the website</p><p>This is the content of the website</p><p>This is the content of the website</p><p>This is the content of the website</p><p>This is the content of the website</p><p>This is the content of the website</p><p>This is the content of the website</p><p>This is the content of the website</p><p>This is the content of the website</p><p>This is the content of the website</p><p>This is the content of the website</p><p>This is the content of the website</p><p>This is the content of the website</p><p>This is the content of the website</p><p>This is the content of the website</p><p>This is the content of the website</p><p>This is the content of the website</p><p>This is the content of the website</p><p>This is the content of the website</p><p>This is the content of the website</p><p>This is the content of the website</p><p>This is the content of the Sitio web </p> <p> Este es el contenido del sitio web </p> <p> Este es el contenido del sitio web </p> <p>/p> <p> Este es el contenido del sitio web </p> <p> Este es el contenido del sitio web </p> <p> Este es el contenido del sitio web </p> <p> Este es el contenido del sitio web </p> <p> Este es el contenido del sitio web </p> P> P> P> P> P> Pos. website</p><p>This is the content of the website</p><p>This is the content of the website</p><p>This is the content of the website</p><p>This is the content of the website</p><p>This is the content of the website</p><p>This is the content of the website</p><p>This is the content of the website</p><p>This is the content of the Sitio web </p> <p> Este es el contenido del sitio web </p> <p> Este es el contenido del sitio web </p> <p> Este es el contenido del sitio web </p> <p> Este es el contenido del sitio web </p> <p> Este es el contenido del sitio web </p> <p> Este es el contenido del sitio web </p> <p> Este es el contenido del sitio web </p> <div> <p> <p>. id = "D1"> <div> </div> </iv> <div id = "d2"> <div> </div> </div> </div> <script src = "jQuery-1.8.3.min.js"> </script> <script> var h = $ (ventana) .Height (); var h1 = h/ 2; $ ('#D1,#D2'). Height (H1); $ ('. Wrap, .D'). Height (H); $ ('#D2'). CSS ('Top', H1); $ ('#D2.D'). CSS ('MARGIN -TOP', -H1); SetTimeOut (function (function () {$ ('#D1'). }, 3000); $ ('#d2'). Animate ({'top': h}, 3000, function () {$ ('. Wrap'). Remove ();});}, 2000); // Abrir después de un cierto tiempo, 1000 = 1 segundo </script> </body> </html>