<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>QQ注册</title>
<link rel="icon" type="image/x-icon" href="./image/logo.png">
<link rel="stylesheet" type="text/css" href="./css/login.css">
</head>
<body>
<div id="logo_div">
<div><img src="./image/logo.png"></div>
<div>QQ</div>
</div>
<div id="left_div">
<img id="change_image" src="./image/1.jpg">
</div>
<div id="right_div">
<div id="right_top">
<div class="iteam">
<div class="iteamText">意见反馈</div>
</div>
<div id="allxiala_div" class="iteam" onmouseenter="show_xiala()" onmouseleave="hiden_xiala()">
<div class="iteamText">简体中文</div>
<div><img id="xiala_img" src="./image/down.png"></div>
<div id="xiala_div">
<div>繁體中文</div>
<div>English</div>
</div>
</div>
<div class="iteam">
<div><img src="./image/mail-entry.png"></div>
<div class="iteamText">邮箱账号</div>
</div>
<div class="iteam" id="iteam_search">
<div><img src="./image/logo3.png"></div>
<div class="iteamText" id="iteam1" onmouseenter="liang_into()" onmouseleave="liang_leave()">QQ靓号</div>
<div id="search" onmouseenter="liang_into()" onmouseleave="liang_leave()">
<div id="search_top">
<input type="" name="" placeholder="输入QQ靓号，如1992,520">
<a id="search_image"></a>
</div>
<div id="search_bottom">
<a href="">生日</a>
<a href="">星座</a>
<a href="">爱情</a>
<a href="">手机</a>
</div>
</div>
</div>
</div>
<div id="right_center">
<div id="text1">欢迎注册QQ</div>
<div id="text2">
<div id="text_div1">每一天乐在沟通</div>
<div id="text_div2">免费靓号</div>
</div>
<div class="input_div">
<input class="input" type="text" placeholder="昵称" name="username" id="username">
</div>
<div class="input_div">
<input class="input" type="password" placeholder="密码" name="password" id="password">
</div>
<div id="phone_div">
<input type="text" name="areaCode"
id="areaCode"
value="+86">
<input type="text" name="phoneNum" id="phoneNum" placeholder="手机号码">
</div>
<div id="info">可通过该手机号找回密码
</div>
<div>
<input type="submit" name="submit" id="submit" value="立即注册">
</div>
<div id="check">
<div>
<img id="gou_img1" src="./image/checkbox_check.png" onclick="gouxuan1()"> 同时开通QQ空间
</div>
<div>
<img id="gou_img2" src="./image/checkbox_check.png" onclick="gouxuan2()">
我已阅读并同意相关服务条款和隐私政策
<img id="jiantou_img" src="./image/down.png" onclick="jiantou()">
<div id="xieyi_div">
<a href="">《QQ号码规则》</a>
<a href="">《隐私政策》</a>
<a href="">《QQ空间服务协议》</a>
</div>
</div>
</div>
</div>
<div id="footer">
Copyright © 1998-2018Tencent All Rights Reserved
</div>
</div>
<script type="text/javascript" src="./js/login.js"></script>
</body>
</html>
h5+css+jsQQ注册页面小实例
需积分: 35 155 浏览量
2018-07-18
11:13:55
上传
评论 16
收藏 467KB RAR 举报
login.rar （21个子文件） 
login css 
login.css 3KB image 
checkbox_check.png 1KB logo3.png 1KB search-hover@2x.png 772B
2.jpg 212KB search@2x.png 889B 1.jpg 131KB 3.jpg 109KB green.png 631B search.png 457B search-hover.png 403B up.png 268B info.png 629B mail-entry.png 382B eye-close.png 2KB down.png 270B logo.png 2KB error.png 644B checkbox_normal.png 1012B
login.html 3KB js login.js 2KB
评论0