-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathperson.html
159 lines (158 loc) · 4.64 KB
/
person.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title></title>
<meta name="description" content="">
<!--[if IE 6]>
<script type="text/javascript" src="js/dd_png.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix('.logo,.wechat_logo,.weibo_logo,.service_btn,.up');
</script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="css/main.css">
<link rel="stylesheet" type="text/css" href="css/person.css">
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script>
$(function(){
var aLi=$('.main_nav').find('li');
var arr=["basicinfo","xinyong","wodejiekuan","jiekuanshenqing","wodetouzi","licai","buyhistory"];
var oFrame=$('.iframe');
for(var i=0;i<aLi.length;i++){
aLi.eq(i)[0].index=i;
}
aLi.click(function(){
for(var i=0;i<aLi.length;i++){
var li=aLi.eq(i)[0];
li.className='';
}
this.className='active';
oFrame.attr("src","center_iframe/"+arr[this.index]+".html");
});
});
</script>
</head>
<body>
<div id="header">
<div id="header_top_outer">
<div id="header_top_inner">
<div class="top_link"><span>客服热线：11111111      关注我们：</span><a href="" class="weibo_logo"></a><a href="" class="wechat_logo"></a></div>
<ul class="login_register">
<li class="register">注册</li>
<li class="login">登录</li>
</ul>
</div>
</div>
<div id="nav">
<div class="logo">
掌金联盟
</div>
<ul>
<li><a href="">掌金宝</a></li>
<li><a href="">众筹</a></li>
<li class="nav_on"><a href="">掌金街</a></li>
<li><a href="">掌金论坛</a></li>
</ul>
</div>
</div>
<div class="header_nav">
<ul class="nav">
<li>
<a href="##">首页 ></a>
</li>
<li>
<a href="##">个人中心 ></a>
</li>
</ul>
</div>
<div id="main">
<ul class="main_nav">
<span class="nav_class">
<div class="nav_inner">
<a href="##" target="_self"><h3 class="home">个人中心</h3></a>
</div>
</span>
<li class="active">基本信息</li>
<li>信用资料</li>
<span class="nav_class">
<div class="nav_inner">
<a href="##" target="_self"><h3 class="qiandai">借款管理</h3></a>
</div>
</span>
<a href="##" target="_self"><li class="">我的借款</li></a>
<a href="##" target="_self"><li>借款申请查询</li></a>
<span class="nav_class">
<div class="nav_inner">
<a href="##" target="_self"><h3 class="touzi">投资管理</h3></a>
</div>
</span>
<a href="##" target="_self"><li class="">我的投资</li></a>
<a href="##" target="_self"><li>理财统计</li></a>
<span class="nav_class">
<div class="nav_inner">
<a href="##" target="_self"><h3 class="gouwu">掌金购物</h3></a>
</div>
</span>
<a href="##" target="_self"><li class="">购买记录</li></a>
<a href="##" target="_blank"><li>购物车</li></a>
</ul>
<iframe src="center_iframe/basicinfo.html" class="iframe" scrolling="no">
</iframe>
</div>
<div id="footer">
<div class="footer_link">
<h3>关注我们</h3>
<a href="" class="iconfont">󰀊<span>新浪微博</span></a>
<a href="" class="iconfont"><span>腾讯微博</span></a>
<a href="" class="iconfont"><span>微信</span></a>
<a class="hot">客服热线：11111111</a>
</div>
<div class="copyright">
Copyright©2014 掌金联盟 zhangjin.com 版权所有
</div>
</div>
<div class="service">
<div class="service_btn">
</div>
<div class="up"></div>
</div>
<div id="curtain"></div>
<div id="login_register">
<div class="close">x</div>
<div class="interface">
<form class="login_interface">
<div class="box">
<div class="username">
<input type="text" name="user" placeholder="请输入手机号/邮箱">
</div>
</div>
<div class="box">
<div class="password">
<input type="password" name="psw" placeholder="请输入密码">
</div>
</div>
<div class="checkbox">
<input type="checkbox" name="checkbox" value=""> 记住我<a href="">忘记密码？</a>
</div>
<input class="submit" type="submit" name="submit" value="登录">
</form>
</div>
</div>
</body>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript">
$('.up').on('click',function(){
$(window).scrollTop(0);
});
$(function(){
$('.service').css({"position":"absolute","top":$(window).scrollTop()+300+'px',"right":"4%"});
});
$('body').on('mousewheel',function(){
if ($(window).scrollTop()<=$('body').height()-$(window).height()) {
$('#back_top').css({"position":"absolute","top":$(window).scrollTop()+300+'px',"right":"4%"});
$('#curtain').css('top',$(window).scrollTop()+'px');
};
});
</script>
<script type="text/javascript" src="js/login.js"></script>
</html>