象百度那样的漂浮在页面表面的登陆窗在ASP网站里是怎样实现的?
请提供具体代码,谢谢!试了能够的再追加分数!
我要的是打开了"百度知道"这页没,然后在右上点登录后弹出的登录窗.背景页面象锁定那样的.
2楼的不是,
第1个回答 2008-12-25
//div + css 实现的
//下为参考例子
<body style="padding-left:0px;padding-right:0px;margin:0px;">
<div align=center>需要登陆才能进行以下操作</div>
<style type="text/css">
#loginForm
{
border:solid 1px #dddddd;
position:absolute;
top:180px;
left:360px;
width: 300px;
height:180px;
z-index:2000;
background-color:#ffffff;
}
#block
{
background-color:#CCCCCC;
position:absolute;
top:0px;
left:0px;
z-index:1000;
display:block;
width:100%;
height:100%;
filter :Alpha ( enabled=true , style=0 , opacity=40);
}
</style>
<script language="javascript">
function ShowLogin()
{
var ele=document.getElementById("loginForm");
var block=document.getElementById("block");
ele.style.display="";
block.style.display="";
}
function Reset()
{
document.getElementById("loginForm").style.display="none";
document.getElementById("block").style.display="none";
}
window.onload=Reset();
</script>
<form id="Form1" action="Index.asp" method="post">
<div id="loginForm">
<table align=center>
<tr><td><br><br></td>
<td>
<input type="hidden" value="Login" name="Login" />
</td></tr>
<tr><td> 用户名:</td>
<td>
<input name="userName" />
</td></tr>
<tr> <td> 密码:</td> <td>
<input id="password" name="password" />
</td> </tr>
<tr> <td>
<input type="submit" value="登陆" />
</td>
<td>
<input type="reset" value="取消" onClick="Reset()" />
</td> </tr> </table>
</div>
<div id="block">
</div>
</form>
//下为参考例子
<body style="padding-left:0px;padding-right:0px;margin:0px;">
<div align=center>需要登陆才能进行以下操作</div>
<style type="text/css">
#loginForm
{
border:solid 1px #dddddd;
position:absolute;
top:180px;
left:360px;
width: 300px;
height:180px;
z-index:2000;
background-color:#ffffff;
}
#block
{
background-color:#CCCCCC;
position:absolute;
top:0px;
left:0px;
z-index:1000;
display:block;
width:100%;
height:100%;
filter :Alpha ( enabled=true , style=0 , opacity=40);
}
</style>
<script language="javascript">
function ShowLogin()
{
var ele=document.getElementById("loginForm");
var block=document.getElementById("block");
ele.style.display="";
block.style.display="";
}
function Reset()
{
document.getElementById("loginForm").style.display="none";
document.getElementById("block").style.display="none";
}
window.onload=Reset();
</script>
<form id="Form1" action="Index.asp" method="post">
<div id="loginForm">
<table align=center>
<tr><td><br><br></td>
<td>
<input type="hidden" value="Login" name="Login" />
</td></tr>
<tr><td> 用户名:</td>
<td>
<input name="userName" />
</td></tr>
<tr> <td> 密码:</td> <td>
<input id="password" name="password" />
</td> </tr>
<tr> <td>
<input type="submit" value="登陆" />
</td>
<td>
<input type="reset" value="取消" onClick="Reset()" />
</td> </tr> </table>
</div>
<div id="block">
</div>
</form>
第2个回答 2008-12-25
JS控制,我刚做的论坛里就用了这效果
01.haoday.com你可以参考下,在贴子里,你自己找下代码
01.haoday.com你可以参考下,在贴子里,你自己找下代码
第3个回答 2008-12-25
百度是用PHP做的,对ASP不是很熟,这类问题建议楼主去CSDN,中国最大的程序员论坛,本回答被提问者采纳
第4个回答 2009-01-08
用JS控制层的显示
具体例子你可以搜索下的.
具体例子你可以搜索下的.