ソースコードの効果を確認してください。
<！Doctype html> <html> <head> <title> </title> </title> <style> body {margin：0; padding：0;}。wrap {overflow：hidden; position：fixed; z-index：99999; width：100％; top：0; left：0;}。 url（1.jpg）センターセンターノーリピート;高さ：100％;} </style> </head> <body> <p>これはウェブサイトの内容です</p> <p>これはウェブサイトの内容です</p> <p>これはウェブサイトの内容です</p> <p> Webサイト</p> <p>これはウェブサイトの内容です</p> <p>これはウェブサイトのコンテンツです</p> <p> Webサイト</p> <p>これはウェブサイトの内容です</p> <p>これはウェブサイトのコンテンツです</p> <p> Webサイト</p> <p>これはウェブサイトの内容です</p> <p>これはウェブサイトのコンテンツです</p> <p>ウェブサイト</p> <p>これはウェブサイトのコンテンツです</p> <p>これはウェブサイトのコンテンツです</p> <p>/p> <p>これはウェブサイトのコンテンツです</p> <p>これはウェブサイトのコンテンツです</p> <p> Webサイト</p> <p>これはウェブサイトの内容です</p> <p>これはウェブサイトのコンテンツです</p> <p>ウェブサイト</p> <p>これはウェブサイトの内容</p> <p>これはウェブサイトの内容です</p> <p>これはウェブサイトの内容です</p> <p>これはウェブサイトの内容です</p> <p>これはウェブサイトの内容です</p> <p> id = "d1"> <div> </div> </div> <div id = "d2"> <div> </div> </div> </div> <script src = "jquery-1.8.3.min.js"> </script> var h = $（window）.height（）; 2; $（ '＃d1、＃d2'）。高さ（h1）; $（ '。wrap、.d'）。高さ（h）; $（ '＃d2'） }、3000）; $（ '＃d2'）。animate（{'top'：h}、3000、function（）{$（ '。wrap'）。remove（）;}）;}、2000）; //特定の時間後に開く、