<script>
function hide() {
  oDiv.style.display = "block"
  oDiv.style.height = document.body.scrollHeight
}
</script>
<body topmargin=0 leftmargin=0>
<div id=oDiv style="position:absolute; border:1px solid red;display:none;width:100%;">&nbsp;</div> <button onclick=hide()>hide</button>
<script>
  for (var i=0; i<30; i++)
  document.write ("<p>123</p>")
</script>

解决方案 »

  1.   

    <div id=oDiv style="position:absolute; z-index:99; background-color:#CCCCCC; Filter: Alpha(Opacity=60); border:1px solid red;display:none;width:100%;">&nbsp;</div>
      

  2.   

    <script>
    var timer
    var Opacity = 0
    function hide() {
      oDiv.style.display = "block"
      oDiv.style.height = document.body.scrollHeight
      Opacity = 0
      event.srcElement.blur()
      timer = window.setInterval("aa()", 5)
    }function aa()
    {
      if (Opacity == 50)
      {
        window.clearInterval(timer)
        oButton.style.display = "block"
        return
      }
      Opacity = ( Opacity + 3 ) > 50 ? 50 : Opacity + 3
      oDiv.style.filter = "Alpha(Opacity="  + Opacity + ")"
    }function bb()
    {
      if (Opacity == 0)
      {
        window.clearInterval(timer)
        oDiv.style.display = "none"
        return
      }
      Opacity = (Opacity - 3 < 0) ? 0 : Opacity - 3
      oDiv.style.filter = "Alpha(Opacity="  + Opacity + ")"
      
    }function cc()
    {
      timer = window.setInterval('bb()', 5);
      oButton.style.display='none';
    }
    </script>
    <body topmargin=0 leftmargin=0>
    <div id=oDiv style="position:absolute;z-index:99; background-color:darkgray; Filter: Alpha(Opacity=0); border:1px solid #333333;display:none;width:100%;vertical-align:center;text-align:center">&nbsp;</div>
    <button onclick=hide()>hide</button>
    <button id=oButton style="position:absolute; left:100;top:200;z-index:100;display:none" onclick="cc()">确定</button>
    <script>
      for (var i=0; i<30; i++)
      document.write ("<p>123</p>")
    </script>
      

  3.   

    again
    ---------------------
    <script>
    var timer
    var Opacity = 0
    function hide() {
      oDiv.style.display = "block"
      oDiv.style.height = document.body.scrollHeight
      Opacity = 0
      event.srcElement.blur()
      oFrame.document.open()
      oFrame.document.write("<body bgcolor='darkgray'>")
      timer = window.setInterval("aa()", 5)
    }function aa()
    {
      if (Opacity == 50)
      {
        window.clearInterval(timer)
        oButton.style.display = "block"
        return
      }
      Opacity = ( Opacity + 3 ) > 50 ? 50 : Opacity + 3
      oDiv.style.filter = "Alpha(Opacity="  + Opacity + ")"
    }function bb()
    {
      if (Opacity == 0)
      {
        window.clearInterval(timer)
        oDiv.style.display = "none"
        return
      }
      Opacity = (Opacity - 3 < 0) ? 0 : Opacity - 3
      oDiv.style.filter = "Alpha(Opacity="  + Opacity + ")"
      
    }function cc()
    {
      timer = window.setInterval('bb()', 5);
      oButton.style.display='none';
    }
    </script>
    <body topmargin=0 leftmargin=0>
    <div id=oDiv style="position:absolute;z-index:99; background-color:darkgray; Filter: Alpha(Opacity=0); border:1px solid #333333;display:none;width:100%;vertical-align:center;text-align:center">
    <iframe name="oFrame" src="" style="width:100%; height:100%; background-color:darkgray" frameborder=0></iframe>
    </div>
    <button onclick=hide()>hide</button>
    <select><option>下拉框</option></select>
    <div id="oButton" style="position:absolute; left:100;top:200;z-index:100;display:none">
    <button onclick="cc()">确定</button>
    </div>
    <script>
      for (var i=0; i<30; i++)
      document.write ("<p>123</p>")
    </script>