等候提示(js)

来源:互联网 发布:淘宝网怎么买 编辑:程序博客网 时间:2024/04/28 16:56

<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>

原创粉丝点击