JS+div+css弹出层有_遮盖效果

1、GetPageWidth(), height: GetPageHeight(), filter: alpha(opacity=60) );/ 获得当前页面高度 function GetPageHeight()if ($.browser.msie)patMode=document.documentElement.clientHeight :document.body.clientHeight;elsereturn self.innerHeight;/ 获得当前页面宽度function GetPageWidth()if ($.browser.msie)retur

2、patMode=document.documentElement.clientWidth :document.body.clientWidth;elsereturn self.innerWidth;/ 显示遮盖层function ShowCoverDiv()/ 如果遮盖层已经存在，就删除它 $(#coverdiv).remove();/ 设置BODY勺样式(可选)$(body).css(absolute ,margin-top:0px,margin-left:0px);/ 创建出遮盖层$(body).append();/ 设置遮盖层勺样式$(#coverdiv).cs

3、s(display:none, left:CSS1CompatCSS1Compatposition:0px, top: 0px, : #777, width:position:absolute, z-index:5, background-color/ 显示弹出层 ( 参数为要显示的 Div 内部的 Html 内容 ) function ShowPopDiv(innerHtml)/ 调用遮盖方法ShowCoverDiv();/ 创建弹出 DIV$(body).append();/接受传进来的HTML标签if (innerHtml != null)$(innerHtml).css( displa

4、y: block ); $(innerHtml).appendTo(#TextDiv);/ 设置弹出层在弹出情况下的位置(居中)(GetPageHeight()(GetPageWidth()absolute, z-index: 9var margintop = document.getElementById(TextDiv).offsetHeight) / 2;var marginleft = document.getElementById(TextDiv).offsetWidth) / 2;$(#TextDiv).css(display: none, position:top: margin

5、top, left: marginleft );/ 渐渐显示出消息层拖动$(#coverdiv).show(slow); $(#TextDiv).show(slow);$(#TextDiv).draggable(); / 当页面大小改变，那么弹出层会始终居中 , 遮盖层的大小也随之改变 window.onresize = function()&if (document.getElementById(coverdiv) != null document.getElementById(TextDiv) != null)$(#coverdiv).css( width: GetPageWidth(), height: GetPageHeight() );if (document.getElementById(TextDiv) != null)(GetPageHeight()(GetPageWidth()varmargintopdocument.getElementById(TextDiv).offsetHeight) / 2;varmarginleftdocument.getElementById(TextDiv).offsetWidth) / 2; $(#TextDiv).css( top: margintop, left