[转]显示ModalExtender一样的弹出效果

显示ModalExtender一样的效果：

见 http://www.cnblogs.com/xiaoxinzhu/archive/2007/02/16/571027.html

1. #BOX_overlay {}{
2.     position: absolute;
3.     z-index:100;
4.     top: 0px;
5.     left: 0px;
6.     background-color:#000;
7.     filter:alpha(opacity=60);
8.     -moz-opacity: 0.6;
9.     opacity: 0.6;
10. }

JavaScript:

3.     function BOX_show(e){ //显示
4.     if($get(e)==null){return;}
5.     BOX_layout(e);
6.     window.onresize = function(){BOX_layout(e);} //改变窗体重新调整位置
7.     window.onscroll = function(){BOX_layout(e);} //滚动窗体重新调整位置
8. }
9. function BOX_remove(e){ //移除
10.     window.onscroll = null;
11.     window.onresize = null;
12.     $get('BOX_overlay').style.display="none";
13.     $get(e).style.display="none";
14. }
15. function BOX_layout(e){ //调整位置
16.     var a = $get(e);
17.     if ($get('BOX_overlay')==null){ //判断是否新建遮掩层
18.         var overlay = document.createElement("div");
19.         overlay.setAttribute('id','BOX_overlay');
20.         overlay.οnclick=function(){BOX_remove(e);};
21.         a.parentNode.appendChild(overlay);
22.     }
23.     //取客户端左上坐标，宽，高
24.     var scrollLeft = (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
25.     var scrollTop = (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
26.     var clientWidth;
27.     if (window.innerWidth) {
28.         clientWidth = ((Sys.Browser.agent === Sys.Browser.Safari) ? window.innerWidth : Math.min(window.innerWidth, document.documentElement.clientWidth));
29.     } else {
30.         clientWidth = document.documentElement.clientWidth;
31.     }
32.     var clientHeight;
33.     if (window.innerHeight) {
34.         clientHeight = ((Sys.Browser.agent === Sys.Browser.Safari) ? window.innerHeight : Math.min(window.innerHeight, document.documentElement.clientHeight));
35.     } else {
36.         clientHeight = document.documentElement.clientHeight;
37.     }
38.     var bo = $get('BOX_overlay');
39.     bo.style.left = scrollLeft+'px';
40.     bo.style.top = scrollTop+'px';
41.     bo.style.width = clientWidth+'px';
42.     bo.style.height = clientHeight+'px';
43.     bo.style.display="";
44.     //Popup窗口定位
45.     a.style.position = 'absolute';
46.     a.style.zIndex=101;
47.     a.style.display="";
48.     a.style.left = scrollLeft+((clientWidth-a.offsetWidth)/2)+'px';
49.     a.style.top = scrollTop+((clientHeight-a.offsetHeight)/2)+'px';
50. }