js實現彈出窗口、頁面變成灰色並不可操作的例子

function show() //顯示隱藏層和彈出層

    {

        var hideobj=document.getElementById("hidebg");

        hidebg.style.display="block"; //顯示隱藏層

        hidebg.style.height=document.body.clientHeight+"px"; //設置隱藏層的高度為當前頁面高度

        document.getElementById("hidebox").style.display="block"; //顯示彈出層

    }

    function hide() //去除隱藏層和彈出層

    {

        document.getElementById("hidebg").style.display="none";

        document.getElementById("hidebox").style.display="none";

    }

 #hidebg { position:absolute;left:0px;top:0px;

    background-color:#000;

    width:100%; /*寬度設置為100%，這樣才能使隱藏背景層覆蓋原頁面*/

    filter:alpha(opacity=60); /*設置透明度為60%*/

    opacity:0.6; /*非IE瀏覽器下設置透明度為60%*/

    display:none; /* http://www.jb51.net */

    z-Index:2;}

    #hidebox { position:absolute;width:400px;height:300px;top:200px;left:30%;background-color:#fff;display:none;cursor:pointer;z-Index:3;}

hidebg：隱藏背景層div的id

hidebox：消息框div的id