ตรวจสอบผลกระทบต่อซอร์สโค้ด:
<! doctype html> <html> <head> <title> </title> <style> ร่างกาย {margin: 0; padding: 0;}. wrap {overflow: ซ่อนตำแหน่ง: แก้ไข; z-index: 99999; ความกว้าง: 100%; URL (1.jpg) ศูนย์กลางศูนย์ไม่ซ้ำ; ความสูง: 100%;} </style> </head> <body> <p> นี่คือเนื้อหาของเว็บไซต์ </p> <p> นี่คือเนื้อหาของเว็บไซต์ </p> <p> นี่คือเนื้อหาของเว็บไซต์ </p> <p> เว็บไซต์ </p> <p> นี่คือเนื้อหาของเว็บไซต์ </p> <p> นี่คือเนื้อหาของเว็บไซต์ </p> <p> นี่คือเนื้อหาของเว็บไซต์ </p> <p> นี่คือเนื้อหาของเว็บไซต์ </p> <p> นี่คือเนื้อหาของเว็บไซต์ </p> เว็บไซต์ </p> <p> นี่คือเนื้อหาของเว็บไซต์ </p> <p> นี่คือเนื้อหาของเว็บไซต์ </p> <p> นี่คือเนื้อหาของเว็บไซต์ </p> <p> นี่คือเนื้อหาของเว็บไซต์ </p> <p> นี่คือเนื้อหาของเว็บไซต์ </p> เว็บไซต์ </p> <p> นี่คือเนื้อหาของเว็บไซต์ </p> <p> นี่คือเนื้อหาของเว็บไซต์ </p> <p> นี่คือเนื้อหาของเว็บไซต์ </p> <p> นี่คือเนื้อหาของเว็บไซต์ </p> <p> นี่คือเนื้อหาของเว็บไซต์ </p> เว็บไซต์ </p> <p> นี่คือเนื้อหาของเว็บไซต์ </p> <p> นี่คือเนื้อหาของเว็บไซต์ </p> <p>/p> <p> นี่คือเนื้อหาของเว็บไซต์ </p> <p> นี่คือเนื้อหาของเว็บไซต์ </p> <p> เว็บไซต์ </p> <p> นี่คือเนื้อหาของเว็บไซต์ </p> <p> นี่คือเนื้อหาของเว็บไซต์ </p> <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> 2; $ ('#d1,#d2'). ความสูง (h1); $ ('. wrap, .d'). ความสูง (h); $ ('#d2'). css ('top', h1); $ ('#d2.d') ('' '' '' '' }, 3000); $ ('#d2'). animate ({'top': h}, 3000, function () {$ ('. wrap'). ลบ ();});}, 2000);