<!DOCTYPE html>
|
<html lang="en">
|
<head>
|
<meta charset="UTF-8">
|
<title>登录</title>
|
<link rel="stylesheet" href="css/login_layout.css">
|
<link rel="stylesheet" href="css/btools.css">
|
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
|
<script type="text/javascript" src="js/qrcode.js"></script>
|
</head>
|
<body>
|
<div class="container">
|
<div class="login">
|
<div class="login-header">
|
<span class="active">登录</span>
|
<span>注册</span>
|
</div>
|
<div class="login-content">
|
<div class="tieta-img"><img src="image/tieta-login.png" alt=""></div>
|
<div class="input-contain">
|
<input type="text" placeholder="请输入用户名">
|
<input type="text" placeholder="请输入密码">
|
</div>
|
<div class="btn-contain">
|
<div class="msg"></div>
|
<input type="button" value="登录">
|
</div>
|
</div>
|
<div class="login-footer">
|
<div class="check-contain">
|
<input type="checkbox"><span>记住密码</span>
|
</div>
|
<div class="miss-pwd"><a href="javascript:void(0);">忘记密码？</a></div>
|
</div>
|
</div>
|
<!-- 二维码 -->
|
<div class="bottom-tools">
|
<div class="qr-tool"></div>
|
<div class="qr-img">
|
<div class="qr-code"></div>
|
</div>
|
</div>
|
<!-- 开机动画 -->
|
<div class="start-animate">
|
<div class="animate-contain">
|
<img src="image/loading-open.gif" alt="">
|
</div>
|
</div>
|
</div>
|
<script type="text/javascript">
|
createQRCode();
|
|
// 生成二维码
|
function createQRCode() {
|
var qrcode = new QRCode($('.qr-img .qr-code').get(0), {
|
width : 100,
|
height : 100
|
});
|
// var str = window.location.href.replace('login.html', 'mobil/loginm.html');
|
var str = "http://118.89.139.230:8919/fuguang/";
|
qrcode.makeCode(str);
|
}
|
// 关闭开机动画
|
$(function() {
|
setTimeout(function() {
|
$('.start-animate').hide();
|
}, 1500);
|
});
|
</script>
|
</body>
|
</html>
|
