-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
139 lines (136 loc) · 6.39 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>小黑个人博客-关注web前端开发个人博客网站</title>
<meta name="keywords" content="个人博客,小黑个人博客,web前端技术,小黑" />
<meta name="description" content="小黑个人博客，是记录博主学习和成长的一个自媒体博客，关注于web前端技术的个人原创网站。" />
<link rel="stylesheet" type="text/css" href="css/public.css">
<link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>
<!-- 头部 -->
<div class="head">
<div class="back-top">
↑
</div>
<div class="slogan">
<img src="images/slogan.png" alt="小黑个人博客" />
</div>
<div class="top">
<div class="logo">
<a href="index.html" title="小黑个人博客"><img src="images/logo.png" alt="小黑个人博客" /></a>
</div>
</div>
<div class="nav clearfix">
<ul>
<li id="nav-index">
<a class="nav-title" href="index.html" >首页</a>
</li>
<li id="nav-article">
<a class="nav-title" href="javascript:;" >文章</a>
<div class="secondary">
<a class="sec-row" href="article-list.html" >前端开发</a>
</div>
</li>
<!-- <li id="nav-works">
<a class="nav-title" href="" title="">作品</a>
<div class="secondary">
<a class="sec-row" href="#" title="">小游戏</a>
<a class="sec-row" href="#" title="">摄影作品</a>
<a class="sec-row" href="#" title="">视频创作</a>
</div>
</li> -->
<li id="nav-essays">
<a class="nav-title" href="javascript:;" >随笔</a>
<div class="secondary">
<a class="sec-row" href="#" >生活感悟</a>
</div>
</li>
<li id="nav-share">
<a class="nav-title" href="#" >分享</a>
<div class="secondary">
<a class="sec-row" href="#" >心灵鸡汤</a>
</div>
</li>
<!-- <li id="nav-message">
<a class="nav-title" href="" title="">留言</a>
<div class="secondary">
<a class="sec-row" href="#" title="">前端分享</a>
<a class="sec-row" href="#" title="">JS技术</a>
<a class="sec-row" href="#" title="">编程思想</a>
</div>
</li> -->
</ul>
</div>
</div>
<!-- 内容 -->
<div class="main">
<!-- 轮播图 -->
<div class="pic">
<img src="images/pic.jpg" alt="个人展示" />
</div>
<!-- 正文 -->
<div class="content clearfix">
<div class="hot">
<h1 class="recommended">
文章推荐
</h1>
<div class="hot-row clearfix">
<div class="thumb">
<img src="detailimages/article/d1-01_240x180.jpg" alt="" />
</div>
<div class="article">
<h2>
<a href="article-detail.html" alt="">从setTimeout谈JavaScript运行机制</a>
</h2>
<div class="des">
众所周知，JavaScript是单线程的编程，什么是单线程，就是说同一时间JavaScript只能执行一段代码，如果这段代码要执行很长时间，那么之后的代码只能尽情地等待它执行完才能有机会执行，不像人一样，人是多线程的，所以你可以一边观看某岛国动作片，一边尽情挥洒汗水。
</div>
<div class="state"><a href="article-detail.html" title="" class="read">阅读全文</a><span>时间：2015-07-16</span><span>编辑：小黑</span><span>浏览：30</span></div>
</div>
</div>
</div>
<div class="sidebar">
<div class="side-list new-list">
<h1 class="side-title">
最新文章
</h1>
<ul>
<li class="clearfix"><span>1</span><a href="article-detail.html" title="从setTimeout谈JavaScript运行机制">从setTimeout谈JavaScript运行机制</a></li>
</ul>
</div>
<div class="side-list hot-list">
<h1 class="side-title">
热门文章
</h1>
<ul>
<li class="clearfix"><span>1</span><a href="article-detail.html" title="从setTimeout谈JavaScript运行机制">从setTimeout谈JavaScript运行机制</a></li>
</ul>
</div>
<div class="share clearfix">
<h1 class="share-title">
分享
</h1>
<div class="bdsharebuttonbox">
<a href="#" class="bds_more" data-cmd="more"></a>
<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
<a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
<a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
Design by 小黑 粤ICP备14096520号
</div>
</body>
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="js/public.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/PicSlide.js"></script>
</html>