怎样开发一个登陆界面

群组首页 → 编程语言 → 每日一题JAVA → 论坛

发表回复

Gleno 2009-06-29

点击网页上的登陆按钮时，弹出一个登陆框，同时页面的背景色全变暗色。这个暗色是怎么实现的？

lzzzmy 2009-07-02

点击的时候弹出一个层，层里放一个Iframe里面连接你的登入页面，让你的父窗口的样式变暗隐藏，子窗口显示就可以了。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
#receiverDiv {
position:absolute;
width:800;
height:800;
z-index:1;
left: 120px;
top: 0;
}

.iframeDivShow
{
display:black;
}
.iframeDivHidden
{
display:none;
}

#fullDiv {
opacity: 0.4; -moz-opacity: 0.4; -khtml-opacity: 0.4; filter: alpha(opacity=30);
position:absolute;
left:0;
top:0;
padding:0;
width:0;
height:0; /* works only if parent container is assigned a height value */
color:#333333;
background:#000000;
}
.fullDivShow{
display:black;
}
.fullDivHidden{
display:none;
}

</style>
<script language="javascript">
function login(){
fullDiv.className="fullDivShow";
fullDiv.style.height=1000;
fullDiv.style.width=1000;
receiverDiv.className = "iframeDivShow";
var theIframeObj = document.getElementById("receiverIframe");
theIframeObj.src = "aa.html";
}
</script>
</head>

<body>
<input name="" type="button" value="登入" onclick="login()"/>
<div id="fullDiv" name="fullDivHidden">
<div id="receiverDiv" class="iframeDivHidden">
<iframe name="receiverIframe" id="receiverIframe" width="650"
height="400"></iframe>
</div>
</body>
</html>

Gleno 2009-08-25

先道歉啊，很久不来了。