Home Explore Help
Register Sign In
jiapeng
/
portal-front
Watch 3
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Commits 359 Releases 0 Wiki
Browse Source

完善信息身份选择，特邀专家首次登录设置密码

luyanan 7 years ago
parent
8404664c7d
commit
d60cd98165
19 changed files with 482 additions and 23 deletions
Split View Show Diff Stats
  1. 55 3
      css/genindex.css
  2. 91 0
      fillinfo-select.html
  3. 138 0
      fillinfoNew.html
  4. BIN
      images/sign_bg_tishi_1_nor.png
  5. BIN
      images/sign_icon_hr_nor.png
  6. BIN
      images/sign_icon_jishu_nor.png
  7. BIN
      images/sign_icon_keyan_nor.png
  8. BIN
      images/sign_icon_putong_nor.png
  9. BIN
      images/sign_icon_qiyegaoguan_nor.png
  10. BIN
      images/sign_icon_touzifang_nor.png
  11. BIN
      images/sign_icon_xiaoshou_nor.png
  12. BIN
      images/sign_icon_xuanze_hig.png
  13. BIN
      images/sign_icon_xuesheng_nor.png
  14. BIN
      images/sign_icon_zixun_nor.png
  15. 66 0
      loginInviteFirst.html
  16. 0 12
      pwdFindNew.html
  17. 59 0
      pwdResult.html
  18. 65 0
      regResult.html
  19. 8 8
      registerNew.html

+ 55 - 3
css/genindex.css
View File 

@ -20,7 +20,7 @@ input.frmtype[readonly]:focus{border:1px transparent solid;}
20 20 
/*按钮不可用状态*/
21 21 
button.btnModel[disabled]{background:#d6d8de;}
22 22 
button.btnModel[disabled]:hover{background:#d6d8de;}
23 
.save-block{margin:20px auto 40px;padding:6px 40px;}/*保存按钮*/
23 
.save-block{margin:20px auto 40px;padding:0 40px;}/*保存按钮*/
24 24 
.fontLink{background:none;border:none;color:#ff9900;}/*字体链接按钮*/
25 25 
/*表单消息提示*/
26 26 
.frmmsg{background:url(../images/con_icon_info_warn.png) 0 center no-repeat;background-size: auto 50%;padding-left:18px;line-height:28px;color: #fd5f39;}
 
@ -40,10 +40,10 @@ ul.cmpAllUl li .col-w-10{position: relative;}
40 40 
.signLogo{display:block;height:64px;width:274px;background:url(../images/c-sign-on_icon_logo_nor.png);background-size:cover;margin: 30px 20px 20px 0}
41 41 
.covbodyBg{background:url(../images/c-sign-on_bg_img_nor.png) 0 bottom no-repeat;background-size:cover;}
42 42 
.contConP{position:static}
43 
.covFrmblock{position:absolute;top:50%; left:50%; transform:translate(-50%,-50%);overflow:hidden;padding:40px 30px 30px 30px;/*margin:10% auto 40px;*/width:420px;max-width:420px;background:#fff;border-radius:8px;z-index:1056;
43 
.covFrmblock{position:absolute;top:50%; left:50%; transform:translate(-50%,-50%);padding:40px 30px 30px 30px;width:420px;max-width:420px;background:#fff;border-radius:8px;z-index:1056;
44 44 
 		 box-shadow: 2px 6px 30px #d68203;
45 45 
  -webkit-box-shadow: 2px 6px 30px #d68203;}
46 
.covFrmblock .h1Font{margin-bottom:24px;}
46 
.covFrmblock .h1Font{margin-bottom:24px;font-size:22px;}
47 47 
.cmpOrgName{font-size: 24px;line-height: 60px;}
48 48 
ul.cmpAllUl.cmpCoverUl{width:100%;margin:10px auto 20px;}
49 49 
ul.cmpAllUl.cmpCoverUl>li .frmtypeW{width:100%;height:40px;}
 
@ -64,6 +64,58 @@ ul.cmpAllUl.cmpCoverUl .importTip{font-size:18px;color:#333;margin:10px 0;}
64 64 
ul.loginWaySort{overflow: hidden;border-bottom:1px solid #e5e5e5;margin-bottom:30px;}
65 65 
ul.loginWaySort li{text-align: center;line-height: 36px;font-size:14px;color:#333;cursor: pointer;}
66 66 
ul.loginWaySort li.liactive{border-bottom: 2px solid #ff9900;}
67 
/*客服电话*/
68 
.serviceBox{position: relative;}
69 
.serviceBox .serviceTel{position:absolute;padding:14px 20px;width:240px;bottom:32px;left:-20px;border-radius:6px;background:rgba(0,0,0,.4);color: #FFFFFF;}
70 
.serviceBox .triangleB{position:absolute;width: 0;height: 0;border:14px solid transparent;left:14%;border-top-color: rgba(0,0,0,.4);margin-top: 14px;}
71 
/*身份选择*/
72 
.bindtip{text-align: center; margin:-4px auto 32px;}
73 
.bindtip img{height:16px;width: auto;}
74 
.selectSortBox ul{margin:20px 0;overflow: hidden;}
75 
.selectSortBox li{padding:20px;position: relative;text-align: center;cursor: pointer;}
76 
.selectSortBox li .sortbody{font-size:14px;color:#666;}
77 
.selectSortBox li.selectNow{background: #E5E5E5;}
78 
.selectSortBox li .selectNowicon{display:inline-block;position:absolute;width: 16px;height: 16px;bottom:46px;right:30px;background: url(../images/sign_icon_xuanze_hig.png);}
79 
.selectSort{display: inline-block;width: 74px;height: 74px;background-repeat:no-repeat;background-position: center;background-size: cover;}
80 
.selectSort.sort-pro{background-image: url(../images/sign_icon_keyan_nor.png);}
81 
.selectSort.sort-mana{background-image: url(../images/sign_icon_qiyegaoguan_nor.png);}
82 
.selectSort.sort-stu{background-image: url(../images/sign_icon_xuesheng_nor.png);}
83 
.selectSort.sort-skill{background-image: url(../images/sign_icon_jishu_nor.png);}
84 
.selectSort.sort-hr{background-image: url(../images/sign_icon_hr_nor.png);}
85 
.selectSort.sort-sale{background-image: url(../images/sign_icon_xiaoshou_nor.png);}
86 
.selectSort.sort-invest{background-image: url(../images/sign_icon_touzifang_nor.png);}
87 
.selectSort.sort-consult{background-image: url(../images/sign_icon_zixun_nor.png);}
88 
.selectSort.sort-user{background-image: url(../images/sign_icon_putong_nor.png);}
89 
.selectSortBox .frmboxNew .save-block{padding:0 40px;margin:10px auto 20px;}
90 
/*完善信息*/
91 
.fillMoreHead{padding:0 16px 8px 16px;}
92 
.fillMore .fillHead{ position: relative;width:100px; height:100px; margin:0 auto; overflow: hidden;background: url(../images/default-photo.jpg); background-size:cover;}
93 
.fillMore .h1Font{color:#666666;line-height:40px;font-size: 16px;}
94 
.fillMore .fillShow>ul>li{clear:both;margin:6px 0;font-size: 15px;line-height:40px;color:#666666;}
95 
.fillMore .fillShow>ul>li:before,.fillMore .fillShow ul>li:after{display:table;content:" "}
96 
.fillMore .fillShow>ul>li:after{clear:both}
97 
.fillMore div[contentEditable]{-webkit-user-modify: read-write;
98 
					word-wrap: break-word;outline: 0;
99 
					-webkit-line-break: after-white-space;
100 
					-webkit-tap-highlight-color: rgba(225,225,225,.5);}
101 
.fillMore div[contentEditable]:focus{border-color:#ff9900;}
102 
.fillMore .textinput{margin-left:2%;width:98%;padding:5px 10px;min-height:40px;font-size: 16px;line-height:26px;color: #222;cursor: text;
103 
    border: 1px solid #ddd;border-radius: 6px;box-sizing: border-box;background: #fff;}
104 
.fillMore .fillShow .emspace{letter-spacing: 2em;}
105 
.fillMore .fillShow .downarrow{ position:absolute; right:10px; top:50%; margin-top:-10px; color: #999999;}
106 
.fillMore .btnModel{width: 80%;margin: 20px auto 0;}
107 
/*<!--城市选择器-->*/
108 
.citybox{margin-left:2%;width:98%;}
109 
.infolist{width:100%;}
110 
.infolist .liststyle span{position:relative;line-height:26px;width:49%;display:inline-block;cursor:pointer;float:left;margin:0;background:#fff;border:1px solid #CCCCCC;border-radius: 6px;}
111 
.infolist .liststyle span .mr_show{color:#AAAAAA;font-style:normal;width:100%;display:inline-block;line-height:26px;padding:6px 10px;position:relative;}
112 
.infolist .liststyle span .mr_show.mr_select{color:#333;}
113 
.infolist .liststyle span .mr_sj{position: absolute;right:8px;top:50%;margin-top:-4px;border: 6px solid #fff;border-color: #ff9900 transparent transparent;display: block;font-size: 0;height: 0;width: 0;}
114
115 
.infolist .liststyle span ul{width:100%;border-radius:0 0 5px 5px;position:absolute;border:1px solid #E8E8E8;background:white;left:-1px;top:40px;margin-bottom:10px;display:none;z-index:10;max-height:160px; overflow:auto;}
116 
.infolist .liststyle span ul li{width:100%;float:left;overflow:hidden;border-top:1px solid #E8E8E8;}
117 
.infolist .liststyle span ul li:first-child{border-top:0;}
118 
.infolist .liststyle span ul li a{display:block;height:30px;line-height:30px;font-size:14px;padding:0 8px;color:#494949;}
67 119
68 120 
/*--------------发现--------------*/
69 121 
.contentCon{padding-top:80px;}

+ 91 - 0
fillinfo-select.html
View File 

@ -0,0 +1,91 @@
1 
<!doctype html>
2 
<html>
3
4 
<head>
5 
<meta charset="UTF-8">
6 
<title>完善个人信息</title>
7 
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
8 
<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css">
9 
<link type="text/css" rel="stylesheet" href="css/reset.css">
10 
<link type="text/css" rel="stylesheet" href="css/common.css">
11 
<link type="text/css" rel="stylesheet" href="css/genindex.css">
12 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
13 
</head>
14 
<body class="covbodyBg">
15 
<div class="containerCon">
16 
	<a href="index.html" class="headlogo signLogo"></a>
17 
</div>
18 
<!--中间-->
19 
<div id="container">
20 
	<div class="containerCon contConP">
21 
		<div class="covFrmblock">
22 
			<form class="cmpAllFrm">
23 
				<p class="h1Font alignCenter mainColor">完善个人信息</p>
24 
				<div class="selectSortBox">
25 
					<div class="bindtip"><img src="images/sign_bg_tishi_1_nor.png" width="100%" /></div>
26 
					<ul class="mui-table-view mui-grid-view mui-grid-9">
27 
						<li class="col-w-4">
28 
					        <span class="selectSort sort-pro"></span>
29 
					        <div class="sortbody">科研工作者</div>
30 
						</li>
31 
						<li class="col-w-4">
32 
						    <span class="selectSort sort-mana"></span>
33 
						    <div class="sortbody">企业高管</div>
34 
						</li>
35 
						<li class="col-w-4">
36 
						    <span class="selectSort sort-stu"></span>
37 
					        <div class="sortbody">在校生</div>
38 
						</li>
39 
						<li class="col-w-4">
40 
						    <span class="selectSort sort-skill"></span>
41 
					        <div class="sortbody">技术人员</div>
42 
						</li>
43 
						<li class="col-w-4">
44 
						    <span class="selectSort sort-hr"></span>
45 
					        <div class="sortbody">HR/猎头</div>
46 
						</li>
47 
						<li class="col-w-4">
48 
						    <span class="selectSort sort-sale"></span>
49 
					        <div class="sortbody">销售人员</div>
50 
						</li>
51 
						<li class="col-w-4">
52 
						    <span class="selectSort sort-invest"></span>
53 
					        <div class="sortbody">投资方</div>
54 
						</li>
55 
						<li class="col-w-4">
56 
						    <span class="selectSort sort-consult"></span>
57 
					        <div class="sortbody">咨询顾问</div>
58 
						</li>
59 
						<li class="col-w-4 selectNow">
60 
						    <span class="selectSort sort-user"></span>
61 
					        <div class="sortbody">普通用户</div>
62 
					        <span class="selectNowicon"></span>
63 
						</li>
64 
					</ul>
65 
					<div class="frmboxNew">
66 
						<button type="button" class="frmtype btnModel save-block headRadius">下一步</button>
67 
					</div>
68 
				</div>
69 
			</form>
70 
		</div>
71 
	</div>
72 
</div>
73
74 
<script type="text/javascript">
75 
	$(".selectSortBox").on("click","li",function(){
76 
		var liAll = document.getElementsByTagName('li');
77 
		var slescted =document.createElement("span")
78 
		slescted.className = "selectNowicon";
79 
		for(var i = 0;i <liAll.length;i++){
80 
			if(liAll[i].classList.contains("selectNow")){
81 
				liAll[i].classList.remove("selectNow");
82 
				liAll[i].removeChild(liAll[i].getElementsByTagName("span")[1]);
83 
			}
84 
		}
85 
		this.classList.add("selectNow");
86 
		this.appendChild(slescted);
87 
	})
88 
</script>
89 
</body>
90
91 
</html>

+ 138 - 0
fillinfoNew.html
View File 

@ -0,0 +1,138 @@
1 
<!doctype html>
2 
<html>
3 
<meta charset="UTF-8">
4 
<title>完善个人信息</title>
5 
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
6 
<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css">
7 
<link type="text/css" rel="stylesheet" href="css/reset.css">
8 
<link type="text/css" rel="stylesheet" href="css/common.css">
9 
<link type="text/css" rel="stylesheet" href="css/genindex.css">
10 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
11 
</head>
12 
<body class="covbodyBg">
13 
<div class="containerCon">
14 
	<a href="index.html" class="headlogo signLogo"></a>
15 
</div>
16 
<!--中间-->
17 
<div id="container">
18 
	<div class="containerCon contConP">
19 
		<div class="covFrmblock" style="min-width: 440px;">
20 
			<form class="cmpAllFrm">
21 
				<p class="h1Font alignCenter mainColor">完善个人信息</p>
22 
		<div class="fillMore">
23 
			<div class="alignCenter fillMoreHead">
24 
				<div class="fillHead userRadius">
25 
					<!--<a href="javascript:;" class="mui-icon iconfont icon-camera headimglink" id="userimg"></a>-->
26 
					<div id="imgshow"> </div>
27 
				</div>
28 
				<span class="h1Font">田鹏飞</span>
29 
			</div>
30 
			<div class="fillShow">
31 
				<ul>
32 
			        <li>
33 
			        	<div class="col-w-2"><em class="emspace">职</em>称</div>
34 
			        	<div class="col-w-10">
35 
			        		<div class="textinput" contenteditable="true"></div>
36 
			        	</div>
37 
			        </li>
38 
			        <li>
39 
			        	<div class="col-w-2">所在机构</div>
40 
			        	<div class="col-w-10"><div class="textinput" contenteditable="true"></div></div>
41 
			        </li>
42 
			        <li>
43 
			        	<div class="col-w-2">所属部门</div>
44 
			        	<div class="col-w-10"><div class="textinput" contenteditable="true"></div></div>
45 
			        </li>
46 
			        <li>
47 
			        	<div class="col-w-2"><em class="emspace">职</em>位</div>
48 
			        	<div class="col-w-10"><div class="textinput" contenteditable="true"></div></div>
49 
			        </li>
50 
			        <li>
51 
			        	<div class="col-w-2">所在城市</div>
52 
			        	<div class="col-w-10">
53 
			       			<div class="citybox">
54 
                                <form action="" name="form1">
55 
                                    <div class="infolist">
56 
                                        <div class="liststyle clearfix">
57 
                                            <span id="Province">
58 
                                                <em class="mr_sj"></em>
59 
                                                <i class="mr_show" id="oprovince">请选择省份</i>
60 
                                                <ul>
61 
                                                    <li><a href="javascript:void(0)" alt="请选择省份">请选择省份</a></li>
62 
                                                </ul>
63 
                                                <input type="hidden" name="cho_Province" value="请选择省份">
64 
                                            </span>
65 
                                            <span id="City" style="margin-left:2%;">
66 
                                                <em class="mr_sj"></em>
67 
                                                <i class="mr_show" id="ocity">请选择城市</i>
68 
                                                <ul>
69 
                                                    <li><a href="javascript:void(0)" alt="请选择城市">请选择城市</a></li>
70 
                                                </ul>
71 
                                                <input type="hidden" name="cho_City" value="请选择城市">
72 
                                            </span>
73 
                                        </div>
74 
                                    </div>
75 
                                </form>
76 
                            </div>
77 
                        </div>
78 
			        </li>
79 
			        <li class="alignCenter">
80 
			        	<div class="col-w-6">
81 
			        		<button type="button" class="frmtype btnModel btnCancel save-block headRadius">返回</button>
82 
			        	</div>
83 
			        	<div class="col-w-6">
84 
			        		<button type="button" class="frmtype btnModel save-block headRadius">进入科袖</button>
85 
			        	</div>
86 
			        </li>
87 
			    </ul>
88 
			</div>
89 
		</div>
90 
		</div>
91 
			</form>
92 
		</div>
93 
	</div>
94 
</div>
95 
<script type="text/javascript" src="js/jquery.cookie.js"></script>
96 
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
97 
<script type="text/javascript" src="js/city.min.js"></script>
98 
<script type="text/javascript" src="js/common.js"></script>
99 
<script type="text/javascript">
100 
	//省份城市颜色
101 
	if($("#oprovince").text()=="请选择省份"){
102 
		$("#oprovince").removeClass("mr_select");
103 
	}else{
104 
		$("#oprovince").addClass("mr_select");
105 
	}
106 
	if($("#ocity").text()=="请选择城市"){
107 
		$("#ocity").removeClass("mr_select");
108 
	}else{
109 
		$("#ocity").addClass("mr_select");
110 
	}
111 
	/*选择省份*/
112 
	$(document).on("click", "#Province li a", function() {
113 
		var aVal = $(this).text();
114 
		$(this).parent().parent().parent().find('.mr_show').text(aVal);
115 
		$(this).parent().parent().parent().find('input[name=cho_Province]').val(aVal);
116
117 
		if($("#oprovince").text()=="请选择省份"){
118 
			$("#oprovince").removeClass("mr_select");
119 
			$("#ocity").removeClass("mr_select");
120 
		}else{
121 
			$("#oprovince").addClass("mr_select");
122 
			$("#ocity").removeClass("mr_select");
123 
		}
124 
	});
125 
	/*选择城市填充js	*/
126 
	$(document).on("click", "#City li a", function() {
127 
		var aVal = $(this).text();
128 
		$(this).parent().parent().parent().find('.mr_show').text(aVal);
129 
		$(this).parent().parent().parent().find('input[name=cho_City]').val(aVal);
130 
		if($("#ocity").text()=="请选择城市"){
131 
			$("#ocity").removeClass("mr_select");
132 
		}else{
133 
			$("#ocity").addClass("mr_select");
134 
		}
135 
	});
136 
</script>
137 
</body>
138 
</html>

BIN
images/sign_bg_tishi_1_nor.png
View File


BIN
images/sign_icon_hr_nor.png
View File


BIN
images/sign_icon_jishu_nor.png
View File


BIN
images/sign_icon_keyan_nor.png
View File


BIN
images/sign_icon_putong_nor.png
View File


BIN
images/sign_icon_qiyegaoguan_nor.png
View File


BIN
images/sign_icon_touzifang_nor.png
View File


BIN
images/sign_icon_xiaoshou_nor.png
View File


BIN
images/sign_icon_xuanze_hig.png
View File


BIN
images/sign_icon_xuesheng_nor.png
View File


BIN
images/sign_icon_zixun_nor.png
View File


+ 66 - 0
loginInviteFirst.html
View File 

@ -0,0 +1,66 @@
1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
6 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7 
<title>科袖网-搭建企业与专家的桥梁</title>
8 
<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css">
9 
<link type="text/css" rel="stylesheet" href="css/reset.css">
10 
<link type="text/css" rel="stylesheet" href="css/common.css">
11 
<link type="text/css" rel="stylesheet" href="css/genindex.css">
12 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
13 
</head>
14 
<body class="covbodyBg">
15 
<div class="containerCon">
16 
	<a href="index.html" class="headlogo signLogo"></a>
17 
</div>
18 
<!--中间-->
19 
<div id="container">
20 
	<div class="containerCon contConP">
21 
		<div class="covFrmblock">
22 
			<form class="cmpAllFrm">
23 
				<p class="h1Font alignCenter mainColor">欢迎 <span>用户姓名</span> 登录科袖</p>
24 
				<p class="smallTip alignCenter" style="margin:-10px auto 20px;">请设置您的登录密码，让您的账号更安全</p>
25 
				<div class="waysBlock">
26 
					<div class="loginWays">
27 
						<!--邀请码登录-->
28 
						<ul class="cmpAllUl cmpCoverUl">
29 
							<li>
30 
								<input type="password" class="frmtype frmtypeW" placeholder="请输入设置您的登录密码"/>
31 
			    				<div class="frmmsg msgLog1"><span></span></div>
32 
							</li>
33 
							<li>
34 
								<input type="password" class="frmtype frmtypeW" placeholder="请再次输入密码确认"/>
35 
							    <div class="frmmsg msgLog2"><span></span></div>
36 
							</li>
37 
							<li>
38 
								<button type="button" disabled class="frmtype frmtypeW btnModel save-block headRadius">确认</button>
39 
							</li>
40 
						</ul>
41 
					</div>
42 
					<div class="clearfix" style="margin-top:-15px;">
43 
						<span class="serviceBox floatR" style="color:#999">不是本人？
44 
							<div class="serviceTel alignCenter displayNone">
45 
								<p>请拨打客服电话  010-62343359</p>
46 
								<p>找回您的账号</p>
47 
								<div class="triangleB"></div>
48 
							</div>
49 
						</span>
50 
					</div>
51 
				</div>
52
53 
			</form>
54 
		</div>
55 
	</div>
56 
</div>
57 
<script type="text/javascript"src="js/jquery.cookie.js"></script>
58 
<script type="text/javascript"src="js/jquery.similar.msgbox.js"></script>
59 
<script type="text/javascript" src="js/common.js"></script>
60 
<script type="text/javascript">
61 
	$(".serviceBox").hover(function(){
62 
		$(".serviceTel").fadeToggle();
63 
	})
64 
</script>
65 
</body>
66 
</html>

+ 0 - 12
pwdFindNew.html
View File 

@ -116,18 +116,6 @@
116 116 
									<button type="button" class="frmtype frmtypeW btnModel headRadius save-block" disabled id="paswSubmit">重置密码</button>
117 117 
								</li>
118 118 
							</ul>
119 
							<!--邮箱链接失效-->
120 
							<ul class="cmpAllUl cmpCoverUl onreset displayNone">
121 
								<li class="failImg" style="margin-top:40px;" ></li>
122 
								<li class="alignCenter">
123 
									<p class="importTip">很抱歉，当前的链接已失效</p>
124 
									<p class="smalltip alignCenter" id="smalltip">小提醒：邮件内的链接有效时长为10分钟。</p>
125 
								</li>
126 
								<!--验证激活成功-已登录时隐藏按钮-->
127 
								<li>
128 
									<button type="button" class="frmtype frmtypeW btnModel headRadius save-block" id="butGo">重新找回密码</button>
129 
								</li>
130 
							</ul>
131 119 
						</div>
132 120
133 121 
						<!--通过手机找回-->

+ 59 - 0
pwdResult.html
View File 

@ -0,0 +1,59 @@
1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
6 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7 
<title>科袖网-搭建企业与专家的桥梁</title>
8 
<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css">
9 
<link type="text/css" rel="stylesheet" href="css/reset.css">
10 
<link type="text/css" rel="stylesheet" href="css/common.css">
11 
<link type="text/css" rel="stylesheet" href="css/genindex.css">
12 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
13 
</head>
14 
<body class="covbodyBg">
15 
<div class="containerCon">
16 
	<a href="index.html" class="headlogo signLogo"></a>
17 
</div>
18 
<!--中间-->
19 
<div id="container">
20 
	<div class="containerCon contConP">
21 
		<div class="covFrmblock">
22 
			<form class="cmpAllFrm">
23 
				<p class="h1Font alignCenter mainColor">密码找回</p>
24 
				<div class="waysBlock">
25 
					<div class="loginWays">
26 
						<!--找回密码成功-->
27 
						<ul class="cmpAllUl cmpCoverUl">
28 
							<li class="successImg"></li>
29 
							<li class="alignCenter">
30 
								<p class="importTip">密码找回成功，快去登录吧！</p>
31 
							</li>
32 
							<!--验证激活成功-已登录时隐藏按钮-->
33 
							<li>
34 
								<a href="loginNew.html"><button type="button" class="frmtype frmtypeW btnModel headRadius save-block">登录</button></a>
35 
							</li>
36 
						</ul>
37 
						<!--邮箱链接失效-->
38 
						<ul class="cmpAllUl cmpCoverUl displayNone">
39 
							<li class="failImg"></li>
40 
							<li class="alignCenter">
41 
								<p class="importTip">很抱歉，当前的链接已失效</p>
42 
								<p class="smalltip alignCenter" id="smalltip">小提醒：邮件内的链接有效时长为10分钟。</p>
43 
							</li>
44 
							<li>
45 
								<a href="pwdFindNew.html"><button type="button" class="frmtype frmtypeW btnModel headRadius save-block">重新找回密码</button>
46 
							</li>
47 
						</ul>
48 
					</div>
49 
				</div>
50
51 
			</form>
52 
		</div>
53 
	</div>
54 
</div>
55 
<script type="text/javascript"src="js/jquery.cookie.js"></script>
56 
<script type="text/javascript"src="js/jquery.similar.msgbox.js"></script>
57 
<script type="text/javascript" src="js/common.js"></script>
58 
</body>
59 
</html>

+ 65 - 0
regResult.html
View File 

@ -0,0 +1,65 @@
1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
6 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7 
<title>科袖网-搭建企业与专家的桥梁</title>
8 
<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css">
9 
<link type="text/css" rel="stylesheet" href="css/reset.css">
10 
<link type="text/css" rel="stylesheet" href="css/common.css">
11 
<link type="text/css" rel="stylesheet" href="css/genindex.css">
12 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
13 
</head>
14 
<body class="covbodyBg">
15 
<div class="containerCon">
16 
	<a href="index.html" class="headlogo signLogo"></a>
17 
</div>
18 
<!--中间-->
19 
<div id="container">
20 
	<div class="containerCon contConP">
21 
		<div class="covFrmblock">
22 
			<form class="cmpAllFrm">
23 
				<p class="h1Font alignCenter mainColor">注册科袖</p>
24 
				<div class="waysBlock">
25 
					<div class="loginWays">
26 
						<!--注册成功-->
27 
						<ul class="cmpAllUl cmpCoverUl">
28 
							<li class="successImg"></li>
29 
							<li class="alignCenter">
30 
								<p class="importTip">注册成功，快去登录吧！</p>
31 
							</li>
32 
							<!--验证激活成功-已登录时隐藏按钮-->
33 
							<li>
34 
								<a href="loginNew.html"><button type="button" class="frmtype frmtypeW btnModel headRadius save-block">登录</button></a>
35 
							</li>
36 
						</ul>
37 
						<!--邮箱链接失效-->
38 
						<ul class="cmpAllUl cmpCoverUl displayNone">
39 
							<li class="failImg"></li>
40 
							<li class="alignCenter">
41 
								<p class="importTip">很抱歉，当前的链接已失效</p>
42 
								<p class="smalltip alignCenter" id="smalltip">小提醒：邮件内的链接有效时长为10分钟。</p>
43 
							</li>
44 
							<!--验证激活成功-已登录时隐藏按钮-->
45 
							<li>
46 
								<a href="registerNew.html"><button type="button" class="frmtype frmtypeW btnModel headRadius save-block">重新注册</button></a>
47 
							</li>
48 
						</ul>
49 
					</div>
50 
				</div>
51 
			</form>
52 
		</div>
53 
	</div>
54 
</div>
55 
<script type="text/javascript"src="js/jquery.cookie.js"></script>
56 
<script type="text/javascript"src="js/jquery.similar.msgbox.js"></script>
57 
<script type="text/javascript" src="js/common.js"></script>
58 
<script type="text/javascript">
59 
	$(".loginWaySort").on("click","li",function(){
60 
		$(this).addClass("liactive").siblings().removeClass("liactive");
61 
		$(".loginWays ul").eq($(this).index()).removeClass("displayNone").siblings().addClass("displayNone");
62 
	})
63 
</script>
64 
</body>
65 
</html>

+ 8 - 8
registerNew.html
View File 

@ -29,6 +29,10 @@
29 29 
					<div class="loginWays">
30 30 
						<!--手机注册-->
31 31 
						<ul class="cmpAllUl cmpCoverUl">
32 
							<li>
33 
								<input type="text" class="frmtype frmtypeW" placeholder="请输入真实姓名"/>
34 
			    				<div class="frmmsg msgLog0"><span></span></div>
35 
							</li>
32 36 
							<li>
33 37 
								<input type="phone" class="frmtype frmtypeW" placeholder="请输入手机号码"/>
34 38 
			    				<div class="frmmsg msgLog1"><span></span></div>

@ -46,10 +50,6 @@
46 50 
								<input type="password" class="frmtype frmtypeW" placeholder="请设置登录密码" />
47 51 
			    				<div class="frmmsg msgLog3"><span></span></div>
48 52 
							</li>
49 
							<li>
50 
								<input type="password" class="frmtype frmtypeW" placeholder="请再次输入密码确认" />
51 
			    				<div class="frmmsg msgLog4"><span></span></div>
52 
							</li>
53 53 
							<li>
54 54 
								<!--未选中状态c-sign-on_button_xuanze_nor.png-->
55 55 
								<img class="cmpAgree ifxuanze" src="images/c-sign-on_button_xuanze_hig.png" />

@ -61,6 +61,10 @@
61 61 
						</ul>
62 62 
						<!--邮箱注册-->
63 63 
						<ul class="cmpAllUl cmpCoverUl displayNone">
64 
							<li>
65 
								<input type="text" class="frmtype frmtypeW" placeholder="请输入真实姓名"/>
66 
			    				<div class="frmmsg msgLog0"><span></span></div>
67 
							</li>
64 68 
							<li>
65 69 
								<input type="email" class="frmtype frmtypeW" placeholder="请输入邮箱地址"/>
66 70 
			    				<div class="frmmsg msgLog1"><span></span></div>

@ -69,10 +73,6 @@
69 73 
								<input type="password" class="frmtype frmtypeW" placeholder="请设置登录密码" />
70 74 
			    				<div class="frmmsg msgLog3"><span></span></div>
71 75 
							</li>
72 
							<li>
73 
								<input type="password" class="frmtype frmtypeW" placeholder="请再次输入密码确认" />
74 
			    				<div class="frmmsg msgLog4"><span></span></div>
75 
							</li>
76 76 
							<li>
77 77 
								<!--未选中状态c-sign-on_button_xuanze_nor.png-->
78 78 
								<img class="cmpAgree ifxuanze" src="images/c-sign-on_button_xuanze_hig.png" />