personcenter.html
4.1 KB
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
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<link rel="stylesheet" href="http://at.alicdn.com/t/font_782635_cvxdd8r2ec.css"/>
<link rel="stylesheet" href="css/personcenter.css"/>
<script src="js/base.js"></script>
<title>我的</title>
</head>
<body>
<div class="continer">
<div class="person_head">
<div class="img_head">
<img src="img/head.png" alt="" style="width:100%"/>
</div>
<div class="person_head_right">
<div class="student_info">
<p class="person_name">学员昵称</p>
<p class="person_num">学号：12345678</p>
</div>
<div class="regist">
<img src="img/register.png" alt=""/>
</div>
</div>
</div>
<div class="person_body">
<div class="material personmaterial">
<div class="personmater">
<div class="iconfont icon-ziliaoku"></div>
<div class="person_material">个人资料</div>
</div>
<div class="iconfont icon-jiantou"></div>
</div>
<div class="material mycourse">
<div class="personmater">
<div class="iconfont icon-shopping"></div>
<div class="person_material">我的课程</div>
</div>
<div class="iconfont icon-jiantou"></div>
</div>
<div class="material mywelfare">
<div class="personmater">
<div class="iconfont icon-liwu"></div>
<div class="person_material">我的福利</div>
</div>
<div class="iconfont icon-jiantou"></div>
</div>
<div class="material opinion">
<div class="personmater">
<div class="iconfont icon-31daipingjia"></div>
<div class="person_material">意见反馈</div>
</div>
<div class="iconfont icon-jiantou"></div>
</div>
</div>
<div class="footer">
<div class="person_course">
<p class="iconfont icon-085shucezhongxin"></p>
<p class="course">课程</p>
</div>
<div class="person_mine">
<p class="iconfont icon-06_huiyuanguanli"></p>
<p class="mine">我的</p>
</div>
</div>
</div>
<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script>
//课程和个人中心切换
$(".person_course").click(function(){
$(this).children(".icon-085shucezhongxin").css("color","#3990F5");
$(this).children(".course").css("color","#3990F5");
$(this).siblings(".person_mine").children(".icon-06_huiyuanguanli").css("color","#999999");
$(this).siblings(".person_mine").children(".mine").css("color","#999999");
window.location.href='index.html'
})
$(".person_mine").click(function(){
$(this).children(".icon-06_huiyuanguanli").css("color","#3990F5");
$(this).children(".mine").css("color","#3990F5");
$(this).siblings(".person_course").children(".icon-085shucezhongxin").css("color","#999999");
$(this).siblings(".person_course").children(".course").css("color","#999999");
})
//个人资料
$(".personmaterial").click(function(){
window.location.href='personmaterial.html'
})
//我的课程
$(".mycourse").click(function(){
window.location.href='mycourse.html'
})
//我的福利
$(".mywelfare").click(function(){
window.location.href='coupon.html'
})
$(".opinion").click(function(){
window.location.href='issueopinion.html'
})
//签到
$(".regist").click(function(){
window.location.href='register.html'
})
</script>
</body>
</html>