弹出个对话框，然后底下整个页面都不可操作，一般是怎么实现的？

类似出现一个loading的对话框，整个页面都不可操作谢谢！

解决方案 »

  1.   

    给你个最简单的例子<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <HTML>
    <head>
    <script>
    var cover =mydiv= null;
    window.onload = function() {
      cover=document.getElementById('coverdiv');
      cover.style.width = Math.max(document.documentElement.scrollWidth, document.documentElement.clientWidth) + "px";
      cover.style.height = Math.max(document.documentElement.scrollHeight, document.documentElement.clientHeight) + "px"
      cover.style.display = "none";  mydiv = document.getElementById('mydiv');
      with (mydiv){
        style.width = document.documentElement.scrollHeight/2+"px";
        style.height = document.documentElement.scrollHeight/2+"px";
        style.left = (document.documentElement.scrollWidth - mydiv.offsetWidth)/2+"px";
        style.top = (document.documentElement.scrollHeight - mydiv.offsetHeight)/2+"px";    style.display = "none";
      }
    };</script>
    </head>
    <BODY>
    <div id='coverdiv' style="filter:alpha(opacity=80);Opacity:0.8; background-color:#aaaaaa; position:absolute; left:0px; top:0px;"> </div>
    <div id='mydiv' style="border:1px solid #666666 ; padding:50px; position:absolute; background-color:#FFEE00">
    我的层 <br>
    <input value="关闭" type="button" onclick="javacript:mydiv.style.display =cover.style.display = 'none';" />
    </div><input value='点击演示简单的遮罩层)' type="button" onclick="javascript:mydiv.style.display =cover.style.display = '';" /></BODY> </HTML>
      

  2.   

    多谢。
    我这页面用了好几个jquery plugin，有的loading是某个plugin（比如jqgrid）内部触发的，
    不知我能不能插上一腿啊
      

  3.   

    天下无难事只怕有心人！只要你有心插上一腿，obama的情人你也可以搞到手，哈。
    玩笑玩笑。那你就好好研究那些框架吧....