ソースコードの効果を確認してください。
<!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); //特定の時間後に開く、