-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
172 lines (158 loc) · 7.94 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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>尹博文博客—做一个热爱生活的分享者！</title>
<link rel="shortcut icon" href="favicon.ico" />
<link type="text/css" rel="stylesheet" href="css/index.css">
<link type="text/css" rel="stylesheet" href="css/jquery.mPlayer.css" />
<script src="scripts/jquery-1.11.1.min.js" type="text/javascript"></script>
<script src="scripts/jquery.easing.js" type="text/javascript"></script>
<script src="scripts/common.js" type="text/javascript"></script>
<script type="text/javascript" src="scripts/jquery.mPlayer.js"></script>
</head>
<body>
<!--顶部图片-->
<div id="top_pic">
<div id="domain">
<div id="sign"><img src="images/sign.jpg" alt="我的签章" /></div>
<div id="link">
<div id="saner">尹博文个人博客</div>
<a href="javascript:;"><div id="myDomain">http://www.enwise.cn</div></a>
</div>
</div>
<!--音乐播放器部分-->
<div id="music"></div>
</div>
<!--导航栏部分-->
<div class="nav">
<a href="index.html">
<div class="s-mod-item">
<div class="s-mod-wrap">
<div class="s-mod-def" style="background:#e8443a;"><span>首页</span></div>
<div class="s-mod-cur" style="background:#d92e24;"><span>Home</span></div>
</div>
</div>
</a>
<a href="preview/onTheRoad/onTheRoadList01.html" target="_blank">
<div class="s-mod-item">
<div class="s-mod-wrap">
<div class="s-mod-def" style="background:#aa5096;"><span>在路上</span></div>
<div class="s-mod-cur" style="background:#922a7b;"><span>Travel</span></div>
</div>
</div>
</a>
<a href="preview/volunteering/volunteeringList01.html" target="_blank">
<div class="s-mod-item">
<div class="s-mod-wrap">
<div class="s-mod-def" style="background:#1CA1E2;"><span>志愿活动</span></div>
<div class="s-mod-cur" style="background:#1182BA;"><span>Volunteering</span></div>
</div>
</div>
</a>
<a href="preview/calligraphy/calligraphyList01.html" target="_blank">
<div class="s-mod-item">
<div class="s-mod-wrap">
<div class="s-mod-def" style="background:#FFD302;"><span>书法怡情</span></div>
<div class="s-mod-cur" style="background:#EAC203;"><span>Calligraphy</span></div>
</div>
</div>
</a>
<a href="preview/IT/ITList01.html" target="_blank">
<div class="s-mod-item">
<div class="s-mod-wrap">
<div class="s-mod-def" style="background:#0C6DB2;"><span>IT技术</span></div>
<div class="s-mod-cur" style="background:#09578E;"><span>IT Tech</span></div>
</div>
</div>
</a>
<a href="preview/life/lifeList01.html" target="_blank">
<div class="s-mod-item">
<div class="s-mod-wrap">
<div class="s-mod-def" style="background:#8DC027;"><span>杂谈随想</span></div>
<div class="s-mod-cur" style="background:#76A31B;"><span>About Life</span></div>
</div>
</div>
</a>
<a href="preview/posPsy/posPsyList01.html" target="_blank">
<div class="s-mod-item">
<div class="s-mod-wrap">
<div class="s-mod-def" style="background:#FF0198;"><span>积极心理学</span></div>
<div class="s-mod-cur" style="background:#D80683;"><span>Pos Psychology</span></div>
</div>
</div>
</a>
<a href="aboutMe.html" target="_blank">
<div class="s-mod-item">
<div class="s-mod-wrap">
<div class="s-mod-def" style="background:#914ae2; width:133px;"><span>博主档案</span></div>
<div class="s-mod-cur" style="background:#7d33d0; width:133px;"><span></span>About me</div>
</div>
</div>
</a>
</div>
<!--当页面滚动至原来的导航栏消失是从顶部弹出新导航栏-->
<ul id="navigation">
<li class="home"><a href="index.html"><span>首页</span></a></li>
<li class="travel"><a href="preview/onTheRoad/onTheRoadList01.html" target="_blank"><span>在路上</span></a></li>
<li class="volunteering"><a href="preview/volunteering/volunteeringList01.html" target="_blank"><span>志愿活动</span></a></li>
<li class="calligraphy"><a href="preview/calligraphy/calligraphyList01.html" target="_blank"><span>书法怡情</span></a></li>
<li class="ITTech"><a href="preview/IT/ITList01.html" target="_blank"><span>IT技术</span></a></li>
<li class="aboutLife"><a href="preview/life/lifeList01.html" target="_blank"><span>杂谈随想</span></a></li>
<li class="PosPsy"><a href="preview/posPsy/posPsyList01.html" target="_blank"><span>积极心理学</span></a></li>
<li class="aboutMe"><a href="aboutMe.html" target="_blank"><span>博主档案</span></a></li>
</ul>
<!--回到顶部部分-->
<a href="javascript:;"><div id="goTopDiv" title="返回顶部"></div></a>
<!--主页左侧的最新博文部分-->
<div class="newBlogWrap">
<div class="blog" style="height:480px;">
<div class="authorPic"></div>
<div class="title"><a href="blogs/onTheRoad/20140419.html" target="_blank">记人生第一次上海之旅</a></div>
<div class="blogTag">2014年04月19日/Saner <a href="preview/onTheRoad/onTheRoadList01.html" target="_blank">在路上</a></div>
<div class="blogPic"><a href="blogs/onTheRoad/20140419.html" target="_blank"><img src="images/preview/20140419.jpg" /></a></div>
<div class="blogDesc"><span>说来惭愧，长这么大还是第一次去被大家称之为魔都的大上海，而且这次上海之旅还是为了参加阿里巴巴实习生招聘的面试。本来面试时间被安排在4月18号的中午，可面试的前一天中午突然收到HR的电话说我的面试时间被改到当天下午5:30，无奈只好把已经买好的火车票改签到当天下午两点。</span><br><a href="blogs/onTheRoad/20140419.html" target="_blank">阅读全文>></a></div>
</div>
</div><!--创建新预览时复制此div作为模板-->
<!--主页右侧部分-->
<div id="homeRight">
<!--个人新浪微博展示-->
<iframe id="microBlog" width="240" height="550" class="share_self" frameborder="0" scrolling="no" src="http://widget.weibo.com/weiboshow/index.php?language=&width=240&height=550&fansRow=2&ptype=1&speed=0&skin=10&isTitle=1&noborder=1&isWeibo=1&isFans=1&uid=1781097910&verifier=985d08b5&dpc=1"></iframe>
<!--扫码加微信-->
<div id="weChat">
<div id="weChatPic"><img src="images/weChatPic.jpg" alt="微信二维码"></div>
<div id="weChatDesc">微信扫描二维码关注公众号</div>
</div>
<!--友情链接部分-->
<div id="homeLinks">
<div id="homeLinkTitle">友情链接</div>
<div id="links">
<ul class="links">
<li><a href="http://ued.taobao.com/blog/" target="_blank">淘宝UED</a></li>
<li><a href="http://mux.baidu.com/" target="_blank">百度MUX</a></li>
<li><a href="http://www.aliued.cn/" target="_blank">阿里巴巴中文站UED</a></li>
<li><a href="http://cdc.tencent.com/" target="_blank">腾讯CDC</a></li>
<li><a href="http://mued.sohu.com/" target="_blank">搜狐MUED</a></li>
<li><a href="http://www.uisdc.com/" target="_blank">优秀网页设计联盟</a></li>
<li><a href="http://hao.uisdc.com/" target="_blank">设计师网址导航</a></li>
<li><a href="http://tool.oschina.net/" target="_blank">在线文档与工具</a></li>
<li><a href="https://github.com/" target="_blank">Github主页</a></li>
<li><a href="http://www.seu.edu.cn" target="_blank">东南大学(SEU)</a></li>
<li><a href="http://www.syseu.cn/" target="_blank">东南大学苏州研究院</a></li>
<li><a href="http://cose-sz.seu.edu.cn/" target="_blank">东南大学软件学院(苏州)</a></li>
</ul>
</div>
</div>
</div>
<!--页面跳转部分-->
<div id="pageSwitch">
<span class="disabled">< </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=2">
> </a>
</div>
<!--版权说明部分-->
<div id="copyright" style="position:relative; top:650px;">
<div id="copyDesc"><span>CopyRight © 2014 Saner.All rights reserved.</span></div>
<div id="borderBottom"></div>
</div>
</body>
</html>