<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="css/index.css">
</head>
<body>
<!-- 头部区域 -->
<div class="app">
<div class="top-header">
<div class="top-pic"></div>
</div>
</div>
<!-- 内容区域 -->
<div class="log">
<div class="log-main">
<!-- 二维码板块 -->
<div class="log-left">
<!-- 小电视 -->
<div class="left-tv"> </div>
<!-- 二维码 -->
<div class="code">
<div class="img"><img src="image/二维码.png" alt=""></div>
</div>
<!-- 文本 -->
<div class="txt">
<div class="txt-pic"></div>
<p>使用手机<a href="#">哔哩哔哩客户端</a></p>
<p>扫码登录</p>
<p>或扫码立即下载</p>
</div>
</div>
<!-- 分割线 -->
<div class="xt"></div>
<!-- 登入板块 -->
<div class="log-right">
<!-- 登录选择 -->
<div class="dlxz">
<div class="dlqh"><a href="#">密码登录</a></div>
<div class="fjx"></div>
<div class="dlqh"><a href="短信.html">短信登录</a></div>
</div>
<!-- 账号密码 -->
<div class="log-pwd">
<div class="tab-from">
<!-- 账号 -->
<div class="from-item">
<div>账号</div>
<input type="text" placeholder="请输入账号" maxlength="32" autocomplete="on">
</div>
<!-- 分割线 -->
<div class="zmfjx"></div>
<!-- 密码 -->
<div class="from-item">
<div>密码</div>
<input id="qh" type="password" placeholder="请输入密码" maxlength="32" autocomplete="on">
<div class="eye"><img id="yan" src="image/闭眼.jpg" alt=""></div>
<div class="wjmm"><a href="#">忘记密码？</a></div>
</div>
<!-- 注册 or 登录 -->
<div class="btn">
<a href="#" class="btn-zc">没有账号立即注册</a>
<a href="#" class="btn-dl">登录</a>
</div>
<!-- 其他登录方式 -->
<div class="qtfs">
<p>其他登录方式</p>
<div class="xzfs">
<div class="wx">微信登录</div>
<div class="wb">微博登录</div>
<div class="qq">QQ登录</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 尾部 -->
<footer class="weibu">
<p>未注册过哔哩哔哩的手机号，我们将自动帮你注册账号</p>
<p>登录即代表你同意
<a href="#">用户协议</a>
和
<a href="#">隐私政策</a>
</p>
</footer>
</div>
<script>
function jump() {
window.location.href = '短信.html'
}
var qh = document.getElementById('qh')
var yan = document.getElementById('yan')
var flag = 0
yan.onclick = function () {
if (flag == 0) {
qh.type = 'text'
yan.src = 'image/睁眼.jpg'
flag = 1
}
else {
qh.type = 'password'
yan.src = 'image/闭眼.jpg'
flag = 0
}
}
</script>
</body>
</html>
bilibili登入界面(2).zip （17个子文件） 
bilibili登入界面 
b站登陆界面2.html 3KB image 
睁眼.jpg 23KB
wx.png 2KB 二维码.png 4KB tv.png 2KB R-C.png 11KB wechart.png 2KB 2233pic.png 35KB 闭眼.jpg 18KB qq.png 2KB rl_top.png 20KB webo.png 3KB wb.png 2KB 短信.html 3KB css 
base.css 4KB index.css 5KB bilibili登入界面.html 3KB资源评论
