Asp.net弹出层并且有遮罩层

长久以来,asp.net弹出层并且有遮罩层问题都是一个难以解决的问题,鉴于此,我决定写个弹出层发布出来,供大家使用...

这里的doing层是遮罩层,divLogin层是登陆层

若有其他问题请留言或邮箱联系52aspx@163.com

<!--用js控制显示-->

<script type="text/javascript" language="javascript">

function ShowNo() //隐藏两个层

{

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

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

}

function $(id)

{

return (document.getElementById) ? document.getElementById(id) : document.all[id] ;

}

function showFloat() //根据屏幕的大小显示两个层

{

var range = getRange();

$('doing').style.width = range.width + "px";

$('doing').style.height = range.height + "px";

$('doing').style.display = "block";

document.getElementById("divLogin").style.display="";

}

function getRange() //得到屏幕的大小

{

var top = document.body.scrollTop;

var left = document.body.scrollLeft;

var height = document.body.clientHeight;

var width = document.body.clientWidth;

if (top==0 && left==0 && height==0 && width==0)

{

top = document.documentElement.scrollTop;

left = document.documentElement.scrollLeft;

height = document.documentElement.clientHeight;

width = document.documentElement.clientWidth;

}

return {top:top ,left:left ,height:height ,width:width } ;

}

</script>

<style type="text/css">

body{margin:0px;}

</style>

<form >

<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

<br /><br /><br /><br /><br /><br /><br /><br /><br /> //<br/>

用来撑大页面