-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
194 lines (186 loc) · 7.94 KB
/
Copy pathindex.html
File metadata and controls
194 lines (186 loc) · 7.94 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
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
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8"/>
<meta http-equiv="Cache-control" content="no-cache" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="browsermode" content="application">
<meta name="x5-page-mode" content="app">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"/>
<meta content="做网站" name="author">
<meta content="做网站,一起建站,网站建设,网站开发" name="keywords">
<meta content="一起建站" name="description">
<title>TodoWEB做网站</title>
<link rel="stylesheet" type="text/css" href="libs/swiper-3.3.1.min.css">
<link rel="stylesheet" type="text/css" href="css/common.css" />
<script src="libs/jquery-2.0.3.min.js" type="text/javascript"></script>
<script src="libs/swiper-3.3.1.min.js"></script>
</head>
<body>
<div class="container">
<!--菜单开始-->
<!--菜单结束-->
<!--内容开始-->
<div id="page">
<!--头部开始-->
<div class="topbar"> </div>
<!--轮播开始-->
<div class="slidbox">
<div class="swiper-container bannerslide">
<ul class="swiper-wrapper">
<li class="swiper-slide">
<div><a href="#" target="_blank"><img src="imgs/1490247256.jpg" alt=""></a></div>
</li>
<li class="swiper-slide">
<div><a href="#" target="_blank"><img src="imgs/1490852730.jpg" alt=""></a></div>
</li>
</ul>
<div class="swiper-pagination"></div>
</div>
<script>var swiper = new Swiper('.bannerslide', {pagination: '.swiper-pagination',nextButton: '.swiper-button-next', prevButton: '.swiper-button-prev',paginationClickable: true,autoplay: 2500,spaceBetween: 30,autoplayDisableOnInteraction: false,mousewheelControl: true,loop:true }); </script>
</div>
<!--轮播结束-->
<!--视频导航条-->
<div class="slidenav">
<div class="swiper-container sw2">
<ul class="swiper-wrapper">
<li class="swiper-slide"><a href="#">
<div class="iconV iconV1"></div>
<span>HTML5</span></a>
<div class="border"></div>
</li>
<li class="swiper-slide"><a href="#">
<div class="iconV iconV2"></div>
<span>CSS3</span></a>
<div class="border"></div>
</li>
<li class="swiper-slide"><a href="#">
<div class="iconV iconV3"></div>
<span>JavaScript</span></a>
<div class="border"></div>
</li>
<li class="swiper-slide"><a href="#">
<div class="iconV iconV4"></div>
<span>PHP</span></a>
<div class="border"></div>
</li>
<li class="swiper-slide"><a href="#">
<div class="iconV iconV5"></div>
<span>SEO</span></a>
<div class="border"></div>
</li>
<li class="swiper-slide"><a href="#">
<div class="iconV iconV6"></div>
<span>IDE</span></a>
<div class="border"></div>
</li>
<li class="swiper-slide"><a href="#">
<div class="iconV iconV8"></div>
<span>服务器</span></a>
<div class="border"></div>
</li>
</ul>
<div class="swiper-scrollbar"></div>
</div>
<script>var swiper = new Swiper('.sw2', {scrollbar:'.swiper-scrollbar',scrollbarHide:true,slidesPerView : 'auto' }); </script>
</div>
<!--视频导航条结束-->
<div class="wrapbox">
<div class="swiper-container slidcardshow">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="cardimgbg"><img src="imgs/1490247256.jpg"> </div>
<a href="#" class="transition" target="_blank">
<div class="box_mincon"> <i>王 </i> </div>
<div class="topcon_cent"> <span>王老五</span>
<p>2017-05-04</p>
<h3>隔壁母猪为何半夜离奇失踪，...</h3>
</div>
</a> </div>
<div class="swiper-slide">
<div class="cardimgbg"><img src="imgs/1490247256.jpg"> </div>
<a href="#" class="transition" target="_blank">
<div class="box_mincon"> <i>刘 </i> </div>
<div class="topcon_cent"> <span>刘老三</span>
<p>2017-04-17</p>
<h3>告别腰酸背痛！谁说办公室久坐一族...</h3>
</div>
</a> </div>
<div class="swiper-slide">
<div class="cardimgbg"><img src="imgs/1490247256.jpg"> </div>
<a href="#" class="transition" target="_blank">
<div class="box_mincon"> <i>张 </i> </div>
<div class="topcon_cent"> <span>张三</span>
<p>2017-03-31</p>
<h3>你还记得大明湖畔的收音机吗？如今...</h3>
</div>
</a> </div>
<div class="swiper-slide">
<div class="cardimgbg"><img src="imgs/1490247256.jpg"> </div>
<a href="#" class="transition" target="_blank">
<div class="box_mincon"> <i>李 </i> </div>
<div class="topcon_cent"> <span>李四</span>
<p>2017-03-28</p>
<h3>上演星球大战！一款能摆脱地球引力...</h3>
</div>
</a> </div>
<div class="swiper-slide">
<div class="cardimgbg"><img src="imgs/1490247256.jpg"> </div>
<a href="#" class="transition" target="_blank">
<div class="box_mincon"> <i>王 </i> </div>
<div class="topcon_cent"> <span>王小明</span>
<p>2017-03-28</p>
<h3>坑队友？玩不好王者农药LOL 也许...</h3>
</div>
</a> </div>
<div class="swiper-slide" style="margin-right: 10px;">
<div class="cardimgbg"><img src="imgs/1490247256.jpg"> </div>
<a href="#" class="transition" target="_blank">
<div class="box_mincon"> <i>静 </i> </div>
<div class="topcon_cent"> <span>静静</span>
<p>2017-03-24</p>
<h3>养宠物的盆友看过来！一只球竟能终...</h3>
</div>
</a> </div>
</div>
<div class="slidcardshowbar">
<div class="swiper-scrollbar-drag" style="width: 77.6973px;"></div>
</div>
</div>
<script>var swiper = new Swiper('.slidcardshow', {scrollbar:'.slidcardshowbar',scrollbarHide:false,slidesPerView : 'auto',spaceBetween: 10 }); </script>
</div>
<div class="wrapbox">
<div class="card"> <a href="mobile_videoshow.php?cid=14&id=2583" target="_blank">
<div style="background-image:url(imgs/1490247256.jpg)" class="card-header">
<h3>“蝉原则”与CSS3随机多背景随机圆角等...</h3>
</div>
</a>
<div class="card-content">
<div class="card-content-inner">
<p>“蝉原则”，英文称作“cicada principle”，是一种让事物的重复出现符合“自然随机性”的规则，为什么这么说呢？...</p>
</div>
</div>
<div class="card-footer">
<p class="color-gray">发表于2017-04-20</p>
<a href="mobile_videoshow.php?cid=14&id=2583" class="link">更多</a> </div>
</div>
<div class="card"> <a href="mobile_videoshow.php?cid=14&id=2583" target="_blank">
<div style="background-image:url(imgs/1490247256.jpg)" class="card-header">
<h3>HTMLL <area> <map>标签及在实际开发中的...</h3>
</div>
</a>
<div class="card-content">
<div class="card-content-inner">
<p>之前，我一直以为HTML <area>是一个鸡肋HTML，估计到了HTML5时代会被废弃的命。但是...</p>
</div>
</div>
<div class="card-footer">
<p class="color-gray">发表于2017-04-20</p>
<a href="mobile_videoshow.php?cid=14&id=2583" class="link">更多</a> </div>
</div>
</div>
<!--视频结束-->
<!--内容结束-->
</div>
</body>
</html>