<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>注册 - 知乎 - Thousands Find</title>
<meta author="zrong.me 曾荣">
<link rel="stylesheet" type="text/css" href="style/register-login.css">
</head>
<body>
<div id="box"></div>
<div class="cent-box register-box">
<div class="cent-box-header">
<h1 class="main-title hide">知乎</h1>
<h2 class="sub-title">生活热爱分享 - Thousands Find</h2>
</div>
<div class="cont-main clearfix">
<div class="index-tab">
<div class="index-slide-nav">
<a href="index.html">登录</a>
<a href="register.html" class="active">注册</a>
<div class="slide-bar slide-bar1"></div>
</div>
</div>
<div class="login form">
<div class="group">
<div class="group-ipt email">
<input type="email" name="email" id="email" class="ipt" placeholder="邮箱地址" required>
</div>
<div class="group-ipt user">
<input type="text" name="user" id="user" class="ipt" placeholder="选择一个用户名" required>
</div>
<div class="group-ipt password">
<input type="password" name="password" id="password" class="ipt" placeholder="设置登录密码" required>
</div>
<div class="group-ipt password1">
<input type="password" name="password1" id="password1" class="ipt" placeholder="重复密码" required>
</div>
<div class="group-ipt verify">
<input type="text" name="verify" id="verify" class="ipt" placeholder="输入验证码" required>
<img src="http://zrong.me/home/index/imgcode?id=" class="imgcode">
</div>
</div>
</div>
<div class="button">
<button type="submit" class="login-btn register-btn" id="button">注册</button>
</div>
</div>
</div>
<div class="footer">
<p>知乎 - Thousands Find</p>
<p>Designed By ZengRong & <a href="zrong.me">zrong.me</a> 2016</p>
</div>
<script src='js/particles.js' type="text/javascript"></script>
<script src='js/background.js' type="text/javascript"></script>
<script src='js/jquery.min.js' type="text/javascript"></script>
<script src='js/layer/layer.js' type="text/javascript"></script>
<script src='js/index.js' type="text/javascript"></script>
<script>
$('.imgcode').hover(function(){
layer.tips("看不清？点击更换", '.verify', {
time: 6000,
tips: [2, "#3c3c3c"]
})
},function(){
layer.closeAll('tips');
}).click(function(){
$(this).attr('src','http://zrong.me/home/index/imgcode?id=' + Math.random());
})
$(".login-btn").click(function(){
var email = $("#email").val();
var password = $("#password").val();
var verify = $("#verify").val();
// $.ajax({
// url: 'http://www.zrong.me/home/index/userLogin',
// type: 'post',
// jsonp: 'jsonpcallback',
// jsonpCallback: "flightHandler",
// async: false,
// data: {
// 'email':email,
// 'password':password,
// 'verify':verify
// },
// success: function(data){
// info = data.status;
// layer.msg(info);
// }
// })
})
$("#remember-me").click(function(){
var n = document.getElementById("remember-me").checked;
if(n){
$(".zt").show();
}else{
$(".zt").hide();
}
})
</script>
</body>
</html>
动态粒子背景登录注册网页html模板.rar （15个子文件） 
register.html 3KB
images 
logo1.png 3KB js layer skin 
layer.css 14KB default 
loading-1.gif 701B icon-ext.png 6KB loading-0.gif 6KB loading-2.gif 2KB icon.png 11KB layer.js 19KB particles.js 42KB index.js 2B background.js 3KB jquery.min.js 82KB index.html 3KB style register-login.css 5KB
- 1
- 2
- 3
前往页