-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
243 lines (216 loc) · 9.11 KB
/
index.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
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Language" content="zh-CN">
<title>纪玉玉个人简历</title>
<script src="js/jquery-1.9.1.min.js"></script>
<link rel="stylesheet" href="css/myResume.css" />
</head>
<body>
<nav class="sideGuide">
<ul>
<li class="on"><a href="javascript:void(0)">个人信息</a></li>
<li><a href="javascript:void(0)">专业技能</a></li>
<li><a href="javascript:void(0)">实习经历</a></li>
<li><a href="javascript:void(0)">项目展示</a></li>
</ul>
</nav>
<div id="content">
<div class="article art1">
<div class="container">
<img src="images/jiyuyu.jpg" alt="" />
<ul>
<li>
<i>姓名</i><span>纪玉玉</span>
</li>
<li>
<i>手机</i><span>18829029142</span>
</li>
<li>
<i>邮箱</i><span>[email protected]</span>
</li>
<li>
<i>毕业学校</i><span>西安理工大学</span>
</li>
<li>
<i>毕业时间</i><span>2017/7</span>
</li>
<li>
<i>Github</i><span>https://jiyuyu.github.io/</span>
</li>
</ul>
</div>
</div>
<div class="article art2">
<div class="art2-container">
<h2>专业技能</h2>
<p>熟练运用：HTML/CSS/Javascript/Less/Ajax</p>
<p>熟练运用：PhotoShop/coreldraw/Axure</p>
<p>掌握框架：jQuery/jQueryMobile Bootstrap 、AngularJS</p>
<p>熟悉了解：php/mySql/http</p>
</div>
</div>
<div class="article art3">
<div class="art3-container">
<h2>实习经历</h2>
<ul>
<li>
<h5>2015.7-2015.9</h5>
<i></i>
<p>尚品宅鲜(北京)农业科技有限公司</p>
<p class="zhiwei">职位：设计实习生</p>
<p>主要职责：主要负责网站页面设计以及产品详情页设计</p>
</li>
<li>
<h5>2015.9-2016.3</h5>
<i></i>
<p>众香国微信公众平台</p>
<p class="zhiwei">职位：微信运营</p>
<p>主要职责：主要通过第三方平台有赞商城来运营微信公众号，负责页面设计以及微信文章的定时推送</p>
</li>
<li class="recent">
<h5>2016.7-2016.9</h5>
<i></i>
<p>西安果果庄园电子商务有限公司</p>
<p class="zhiwei">职位：设计实习生</p>
<p>主要职责：主要负责移动端和PC端静态页面的实现以及js插件的编写，如选项卡、倒计时以及轮播图等。<br />主要项目：湖南涉外学院科研处、人资处以及学生工作处。果果庄园微信端第三版。
</p>
</li>
</ul>
</div>
</div>
<div class="article art4">
<div class="art4-container">
<ul>
<li><a href="http://42.96.189.31/zzrsc/">
<img src="images/renzichu.png" alt="" />
<i>湖南涉外经济学院<br /> 人资处</i>
</a></li>
<li><a href="data/airplane/index.html">
<img src="images/airplane.png" alt="" />
<i>飞机大战</i>
</a></li>
<li><a href="http://42.96.189.31/hnswxsgzc/">
<img src="images/xuegongchu.png" alt="" />
<i>湖南涉外经济学院<br /> 学工处</i>
</a></li>
<li><a href="data/intel/index.html">
<img src="images/intel.png" alt="" />
<i>intel中国官网<br /> Bootstrap</i>
</a>
</li>
<li><a href="http://order.guoguofarm.com/">
<img src="images/guoguofarm.png" alt="" />
<i>果果庄园<br /> 微信端第三版</i>
</a></li>
<li><a href="javascript:void(0);" onclick="tishi()">
<img src="images/kaifanla.png" alt="" />
<i>开饭啦订餐APP</i>
</a></li>
<li><a href="data/jd/index.html">
<img src="images/jd.png" alt="" />
<i>京东首页仿写</i>
</a></li>
<li><a href="data/2048/index.html">
<img src="images/2048.png" alt="" />
<i>2048游戏</i>
</a></li>
<li><a href="data/eris/index.html">
<img src="images/eris.png" alt="" />
<i>俄罗斯方块</i>
</a></li>
</ul>
</div>
</div>
<div class="article art5">
<p>THANK YOU</p>
</div>
</div>
<script type="text/javascript">
function tishi(){
alert("请移步新浪云访问");
}
(function($){
var goTo=$(".article");
var guide = $(".sideGuide");
var guideLi = $(".sideGuide li");
var index=0;
var direct=0;
var resetFun=function(){
goTo.each(function(index, ele) {
$(this).height($(window).height());
});
}
resetFun();
$(window).resize(function(){
resetFun()
});
//屏幕滚动
var gotoSlide=function(){
direct=0;
if(index<0){ index=0; return };
if(index>=guideLi.length+1){index=index-1;return;}
$("html,body").stop().animate({scrollTop:$(window).height()*index}, 300,'swing',function(){direct=0;});
guideLi.removeClass('on').eq(index).addClass('on');
}
guideLi.each(function() {
$(this).click(function(event) {
index=guideLi.index($(this));
gotoSlide();
});
});
/*移动端*/
var judge=null;
$("body").on("touchstart", function(e) {
// e.preventDefault();
judge=true;
startX = e.originalEvent.changedTouches[0].pageX,
startY = e.originalEvent.changedTouches[0].pageY;
});
$("body").on("touchmove", function(e) {
//e.preventDefault();
moveEndX = e.originalEvent.changedTouches[0].pageX,
moveEndY = e.originalEvent.changedTouches[0].pageY,
X = moveEndX - startX,
Y = moveEndY - startY;
if ( Math.abs(Y) > Math.abs(X) && Y > 0 && judge==true) {
gotoSlide(index--);
judge=false;
}
else if ( Math.abs(Y) > Math.abs(X) && Y < 0 && judge==true) {
gotoSlide(index++);
judge=false;
}
});
window.onmousewheel=document.onmousewheel=function(e){
e=e||window.event;
direct+=(-e.wheelDelta/120);
if (direct>=8) { gotoSlide(index++)};
if (direct<=-8) { gotoSlide(index--)};
};
})(jQuery);
(function (win) {
var docEl = win.document.documentElement;
var tid;
function refreshRem() {
var width = docEl.getBoundingClientRect().width;
var rem = width / 10; // 将屏幕宽度分成10份， 1份为1rem
docEl.style.fontSize = rem + 'px';
}
win.addEventListener('resize', function () {
clearTimeout(tid);
tid = setTimeout(refreshRem, 300);
}, false);
win.addEventListener('pageshow', function (e) {
if (e.persisted) {
clearTimeout(tid);
tid = setTimeout(refreshRem, 300);
}
}, false);
refreshRem();
})(window);
</script>
</body>
</html>