求登陆效果代码

答案:3 悬赏:30 手机版

解决时间 2021-04-22 02:55

提问者网友：两耳就是菩提
2021-04-21 19:04

我想要的效果类似于是空间登陆效果,点击按钮,会弹出类似于对话框效果的登陆框,模态网站效果效果... . 三句两句就别发了.. 要代码谢谢....高手快来~~

最佳答案

五星知识达人网友：舍身薄凉客
2021-04-21 20:37

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<meta NAME="Generator" CONTENT="EditPlus">
<meta NAME="Author" CONTENT="">
<meta NAME="Keywords" CONTENT="">
<meta NAME="Description" CONTENT="">
</head>
<style type="text/css">
body,div{ margin:0;padding:0;}
#cake{
display:none;
background:#000;
position:absolute;
z-index:1000;
width:100%;
height:100%;
filter:Alpha(opacity=50);
}
#view_content{
display:none;
position: absolute;
width: 100%;
padding-top: 20%;
z-index: 1001;
left:0px;
top:0px;
}
#view_content table{
background: #ff7300;
font-size:14px;
filter:progid:DXImageTransform.Microsoft.DropShadow(color=#666666,offX=4,offY=4,positives=true);
}
#view_content table tbody{
background:#FEB16B;
}
#check{
display:none;
position: absolute;
width: 300px;
font-size:12px;
padding:2px;
margin: -50px 0 0 -150px;
z-index: 1002;
left:50%;
top:40%;
text-align:center;
border:3px solid #0CF;
background:#fff;
}
</style>
<script type="text/javascript">
function openCake(){
document.getElementById('cake').style.display='block';
document.getElementById('view_content').style.display='block';
}
function loginCake(){
document.getElementById('check').style.display='block';
setTimeout("changeP(check)",3000);
}
function changeP(o){
document.getElementById('check').innerHTML="!!!!登陆完成!!!!!,5秒钟后退出";
setTimeout("closeCake()",3000);
}
function closeCake(){
document.getElementById("cake").style.display="none";
document.getElementById("view_content").style.display="none";
document.getElementById('check').style.display='none';
}
</script>
<body>
<div id="cake"></div>
<div id="view_content">
<table align="center">
<thead>
<tr>
<td>登录框</td>
<td align="right"><button class="out" onclick="closeCake()">x</button></td>
</tr>
</thead>
<tbody>
<tr>
<td>用户名</td>
<td><input type="text" name="username" /></td>
</tr>
<tr>
<td>密 码</td>
<td><input type="text" name="pwd" /></td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2" ><button onclick="loginCake()">确定登陆</button></td>
</tr>
</tfoot>
</table>
</div>
<div id="check">登录中....</div>
<div id="wrap">
<button onclick="openCake()">点击登陆</button>
这是一个小小的测试
</div>
</body>
</html>

---------------------------

这样的可以不、做的不漂亮、时间赶

全部回答

1楼网友：第四晚心情
2021-04-21 22:39

</td>

</tr>

</table>

把这个代码用放在一个以.html后缀结尾的文件中,就可以打开看效果了!

2楼网友：摆渡翁
2021-04-21 21:39

什么语言的你不说，难道让众人把ASP PHP JSP的都给你写一遍吗？虽然说表单的html的代码都是一样的

但还需要逻辑判断的页面吧？

我要举报

如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！