<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>登录</title>
<style>
#phone,#demo_input,select{
border: 1px solid #ccc;
padding: 13px 0px;
border-radius: 17px;
padding-left:20px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}
#zhuce{
border-radius: 17px;
width: 50%;
display: inline-block;
background: rgb(204,204,204);
color: #fff;
font-size: 18px;
line-height: 30px;
cursor: pointer;
}
body{
height: 100%;
background-image: url(001.jpg);
background-repeat: no-repeat;
background-size: cover;
min-height: 100%;
min-width: 100%;
position: absolute;
}
#jiemian{
border-radius: 17px;
background-color: white;
width: 362px;
padding-top: 5px;
text-align: center;
padding-bottom: 20px;
margin-top: 10%;
margin-right: auto;
margin-bottom: 10%;
margin-left: auto;
opacity: 0.9;
}
#logstyle1{
width: 40%;
display: inline-block;
color: black;
font-size: 18px;
line-height: 30px;
cursor: pointer;
border: 0;
}
#logstyle2{
width: 50%;
display: inline-block;
color: black;
font-size: 18px;
line-height: 30px;
cursor: pointer;
border: 0;
}
#checkbox{
width: 18px;
height: 18px;
margin: 0px;
padding: 0px;
vertical-align: middle;
display: inline-block;
}
#demo_img{
border: none;
width: 20px;
height: 18px;
display: inline-block;
background-size: cover;
padding-left: 5px;
padding-right: 5px;
}
</style>
<script type="text/javascript">
var isHide=true;
function hideShowPsw(){
var demoImg = document.getElementById("demo_img");
var demoInput = document.getElementById("demo_input");
if (isHide) {
demoInput.type = "text";
demoImg.src = "visible.png";
isHide=false;
}else {
demoInput.type = "password";
demoImg.src = "invisible.png";
isHide=true;
}
}
</script>
</head>
<body>
<div id="jiemian">
<p align="center" style="font-size: 20px">登录</p>
<div>
<button id="logstyle1" onclick="location.href='登录界面(手机).html'">
<a style="text-decoration: none;color: black" >
手机登录
</a>
</button>
<button id="logstyle2" onclick="location.href='登录界面（账号）.html'">
<a style="text-decoration: none;color: black">
邮箱/用户名
</a>
</button>
</div><br>
<div>
<select style="padding-right: inherit">
<option>+81 日本</option>
<option>+86 中国大陆</option>
<option>+886 中国台湾</option>
<option>+1 美国</option>
</select>
<input id="phone" type="text" placeholder="手机号" size="22">
</div><br>
<div>
<input type="password" id="demo_input" placeholder="密码" size="22">
<input type="image" id="demo_img" onclick="hideShowPsw()" src="invisible.png">
<a href="https://www.baidu.com/" style="font-size: 13px;text-decoration: none" target="_blank">忘记密码？</a>
</div><br>
<div>
<input type="checkbox" id="checkbox"><a style="font-size: 12px">记住密码？</a>
</div><br>
<button id="zhuce" style="text-align: center" onclick="location.href='秦时明月.html'">登录</button><br><br>
<p style="font-size: 13px">还没有账户？<a href="注册界面.html" style="font-size: 13px;text-decoration: none">注册</a></p>
</div>
</body>
</html>
秦时明月主题静态html网站 源码
需积分: 34 116 浏览量
2018-10-11
20:31:34
上传
评论 18
收藏 21.02MB ZIP 举报
秦时明月静态网站.zip （29个子文件） 
秦时明月静态网站 
4.jpg 160KB
yyf.css 9KB
visible.png 28KB
胡彦斌Tiger Hu - 月光.mp4 17.6MB
登录界面(手机).html 5KB 搜索.jpg 18KB 电话logo.jpg 15KB 1.png 120KB 登录界面（账号）.html 4KB 关于我们.html 3KB 002(1).jpg 577KB teext.html 974B .idea misc.xml 599B workspace.xml 24KB vcs.xml 164B .name 9B modules.xml 270B untitled7.iml 281B 3.jpg 15KB 6.jpg 143KB 7.jpg 18KB 9.jpg 555KB 001.jpg 1.64MB 注册界面.html 4KB invisible.png 30KB 2.jpg 52KB 秦时明月.html 4KB 8.jpg 149KB 5.jpg 77KB
评论0
最新资源