<html>
<head>
<style type="text/css">
#d1{
background-color:black;
/*
width:100%;
height:100%;
*/
position:absolute;
top:0;
left:0;
display:none;
}
#d2{
width:300;
height:300;
border:solid 1px green;
position:absolute;
top:300;
left:300;
display:none;
}
</style>
<script type="text/javascript">
function test(){
var d1 = document.getElementById("d1");
var d2 = document.getElementById("d2");
d1.style.height=document.documentElement.clientHeight
d1.style.width=document.documentElement.clientWidth;
d1.style.display="block";
d1.style.opacity = "0.2";
d1.style.filter = "Alpha(opacity=20)";
d2.style.display="block";
}
</script>
</head>
<body>
<a href="javascript:void(test())">登录</a>
<div id="d1"></div>
<div id="d2">
<form>
用户名:<input type="text"></input><br/>
密码:<input type="text"></input>
</form>
</div>
</body>
</html>
对于点击登录,弹出登录框,其余的连接都不能点的小案例
最新推荐文章于 2024-05-03 00:10:53 发布