-
Notifications
You must be signed in to change notification settings - Fork 0
/
blogModel.html
159 lines (148 loc) · 6.1 KB
/
blogModel.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
<!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/blogPage.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>
</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>
<!--导航栏部分-->
<div class="nav">
<a href="javascript:;">
<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="javascript:;">
<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="javascript:;">
<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>Writing</span></div>
</div>
</div>
</a>
<a href="javascript:;">
<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>Chinese Culture</span></div>
</div>
</div>
</a>
<a href="javascript:;">
<div class="s-mod-item">
<div class="s-mod-wrap">
<div class="s-mod-def" style="background:#0C6DB2;"><span>博文</span></div>
<div class="s-mod-cur" style="background:#09578E;"><span>Blog</span></div>
</div>
</div>
</a>
<a href="javascript:;">
<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>Project</span></div>
</div>
</div>
</a>
<a href="javascript:;">
<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>Front-End</span></div>
</div>
</div>
</a>
<a href="javascript:;">
<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=""><span>首页</span></a></li>
<li class="travel"><a href=""><span>在路上</span></a></li>
<li class="writing"><a href=""><span>书法</span></a></li>
<li class="chineseCulture"><a href=""><span>国学</span></a></li>
<li class="myBlog"><a href=""><span>博文</span></a></li>
<li class="project"><a href=""><span>项目</span></a></li>
<li class="frontEnd"><a href=""><span>前端开发</span></a></li>
<li class="aboutMe"><a href=""><span>博主档案</span></a></li>
</ul>
<!--回到顶部部分-->
<a href="javascript:;"><div id="goTopDiv" title="返回顶部"></div></a>
<!--博文主题部分-->
<div class="newBlogWrap">
<div class="blog">
<div class="authorPic"></div>
<div class="title"><a href="javascript:;">苏州太湖东山植树活动</a></div>
<div class="blogTag">2014年05月17日/Saner <a href="javascript:;">文章类别</a></div>
</div>
<div id="content"></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="copyright">
<div id="copyDesc"><span>CopyRight © 2014 Saner.All rights reserved.</span></div>
<div id="borderBottom"></div>
</div>
</body>
</html>