欢迎进入.NET社区论坛，与300万技术人员互动交流 >>进入

　　在做登录的时候想着别老是用跳转页面，用户体验超差的，而且对于网速慢的用访来说，还要去跳转一次重新加载一个新的页面，显得有点不爽！就弄了一个层直接在当前页面跳转！

　　废话不说直接上代码！

　　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 };

　　}

　　<a href="javascript:void(0)">新增</a>

　　<!--加一个半透明层-->

　　<div>

　　</div>

　　<!--加一个登录层-->

　　<div>

　　<div>

　　<div>

　　用户：

　　<asp:TextBox runat="server"> </asp:TextBox>

　　</div>

　　<div>

　　密码：

　　<asp:TextBox runat="server" TextMode="Password"> </asp:TextBox>

　　</div>

　　<br />

　　<div>

　　&nbsp; &nbsp;

　　<asp:Button runat="server" Text=" 登 陆 " />&nbsp;

　　<input type="button" value=" 取 消 " />

　　</div>

　　</div>

　　</div>

　　<br />

　　</div>

【责编:peter】