弹出一个对话框，灰掉原来的页面（网页）

最新推荐文章于 2022-09-19 18:49:37 发布

wxw_cool

最新推荐文章于 2022-09-19 18:49:37 发布

阅读量1.6k

点赞数

文章标签： input firefox div html button filter

本文链接：https://blog.youkuaiyun.com/YoungEngineer/article/details/2221642

版权

< html >

< head >
< meta http-equiv ="Content-Type" content ="text/html; charset=gb2312" >
< title > http://hi.youkuaiyun.com/YoungEngineer/profile </ title >
</ head >

< body style ="margin:0;" >

< div style ="font-size:10pt;" >
注1：灰掉页面 < br />

< br />
注：本页面仅在dreamwear下测试过。其它浏览器或其它版本未经测试。 < br />
注-----：JK： < a href ="mailTo:jk_10000@yahoo.com.cn?subject=About Body" > JK_10000@yahoo.com.cn </ a >< br />
< hr />
</ div >

< select >< option > test </ option ></ select >
< input >
< input type =button value ="点击将页面灰掉" onclick ="disableBodyArea();" >
< br >< br >< br >< br >
< br >< br >< br >< br >
< select >< option > test </ option ></ select >
< br >< br >< br >< br >
< br >< br >< br >< br >
< select >< option > test </ option ></ select >
< br >< br >< br >< br >
< br >< br >< br >< br >
</ body >

</ html >
< script >

function disableBodyArea(){
    if ( ! document.all) return false ; // For firefox etc.
    window.topCoverDiv = document.createElement( " <div style='z-index:100;position:absolute;top:expression(this.offsetParent.scrollTop);left:expression(this.offsetParent.scrollLeft);width:100%;height:100%;filter:alpha(opacity=20);background-color:#888888;' οncοntextmenu='return false;'> " );
    topCoverDiv.innerHTML = "   "
    document.body.appendChild(topCoverDiv);
    var allSelects = document.getElementsByTagName( " select " );
    for ( var i = 0 ;i < allSelects.length;i ++ ) {
        allSelects[i].disabled = true ;
        allSelects[i].style.backgroundColor = " #EEEEEE " ;
    }
}

</ script >