-
Notifications
You must be signed in to change notification settings - Fork 9
/
index.html
297 lines (297 loc) · 18 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
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" href="img/favicon.ico">
<title>ManbaVideo</title>
</head>
<link rel="stylesheet" href="./css/nav.css" />
<link rel="stylesheet" href="css/slidorion_style.css">
<link rel="stylesheet" href="css/slidorion.css">
<!-- <link rel="stylesheet" href="css/section.css"> -->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.easing.js"></script>
<script src="js/jquery.slidorion.js"></script>
<body>
<nav >
<ul>
<a href="index.html" class="site-name" ><span class="site-name-font">Manba<span style="color: black;">Video</span></span></a>
<img id="logo" src="img/logo.jpg" alt="">
<li> <a href="index.html" name="a1">首页</a></li>
<li> <a href="li.html" name="a1">影视库</a></li>
<li> <a href="myinf.html">关于站长</a></li>
</ul>
<a href="signUp.html" id="signup">SIGNUP</a>
<a href="logIn.html" id="signin">LOGIN</a>
<div class="sc">
<input type="text" class="search" placeholder="Search for video">
<li class="searchIcon" ></li>
</div>
</nav>
<div id="main">
<div id="slidorion">
<div id="slider">
<div class="slider-image" rel="section1">
<img src="http://demo.htmleaf.com/1410/201410071644/img/kung-fu-panda.jpg" width="588" height="460" />
</div>
<div class="slider-image" rel="section2">
<img src="http://demo.htmleaf.com/1410/201410071644/img/the-dark-knight.jpg" width="588" height="460" />
</div>
<div class="slider-image" rel="section3">
<img src="http://demo.htmleaf.com/1410/201410071644/img/hot-fuzz.jpg" width="588" height="460" />
</div>
</div>
<div id="accordion">
<div class="header"><a class="slider-link" rel="section1">Kung Fu Panda 2</a></div>
<div class="content">
<p>《功夫熊猫2》（Kung Fu Panda 2）是一部2011年美国3D动画电影，是2008年动画电影《功夫熊猫》的续集。由詹妮弗·余执导，杰克·布莱克、安吉丽娜·朱莉、成龙、塞斯·罗根、加里·奥德曼等配音。2011年5月26日于北美上映。</p>
<p>故事主要讲诉了阿宝成为了神龙大侠，跟随功夫大师与盖世五侠一起保护着和平谷、过着宁静的生活。然而，好景不长，邪恶反派沈王爷正打算用无人能挡的机密武器征服中国并且毁灭功夫，阿宝面临着一次新的挑战，他必须回首过去并揭开身世之谜，才能找到打败敌人的关键力量。</p>
<a href="http://www.imdb.com/title/tt1302011/">Read more</a>
</div>
<div class="header"><a class="slider-link" rel="section2">The Dark Knight</a></div>
<div class="content">
<p>《黑暗骑士》（The Dark Knight）改编自DC漫画公司的经典超级英雄漫画《蝙蝠侠》，由克里斯托弗·诺兰执导，克里斯蒂安·贝尔主演，于2008年全球公映。影片是蝙蝠侠黑暗骑士三部曲的第二部作品，前作为2005年上映的《蝙蝠侠：开战时刻》。
本片是所有蝙蝠侠电影中第一次没有在片名中使用“蝙蝠侠”这个词的，是比前作更为黑暗与成熟的作品，以现实主义警匪片的手法包装了一个极度写实的超级英雄故事，成功地挖掘出角色的深层性格和故事蕴含的人性哲理，将漫画电影提升到一个崭新的层次，成为了影史上第一部跨入“10亿美元俱乐部”的超级英雄电影。</p>
<a href="http://www.imdb.com/title/tt0468569/">Read more</a>
</div>
<div class="header"><a class="slider-link" rel="section3">Hot Fuzz</a></div>
<div class="content">
<p>终棘警探[1] （Hot Fuzz）是一部2007年发行的英国动作喜剧，由埃德加·赖特执导，并与西蒙·佩吉编剧，由佩吉与尼克·弗罗斯特主演。</p>
<p>影片讲述了一位伦敦的警探，因为太过优秀而遭到排挤，被调职到乡下的警察局，没料到却无意发现平静的乡间，竟然隐藏着连续杀人狂。</p>
<a href="http://www.imdb.com/title/tt0425112/">Read more</a>
</div>
</div>
</div>
<div class="container">
<div class="head">
<div class="guide">热门电影</div>
<a href="li.html" class="seemore">See more></a>
</div>
<div class="cont_main">
<a href="#">
<div class="video">
<div class="aaa">
<span class="quality">HD</span>
<span class="videoName"><h5>银河护卫队2</h5></span>
<a href="video.html"><img src="http://i2.muimg.com/1949/d57801b2b58e9307.jpg" alt=""></a>
</div>
<div class="mask">
<h3>银河护卫队2</h3>
<p>漫威影业最新力作《银河护卫队2》带着全新劲爆好听的“劲歌金曲第二辑”回归大银幕！银河护卫队在本集中穿越宇宙，继续外太空的史诗冒险之旅。他们必须共同作战，守护彼此；同时要解开“星爵”彼得·奎尔的身世之谜。旧日敌人变为盟友，漫画中深受喜爱的角色也会现身，对护卫队出手援助。漫威电影宇宙则将持续扩张，进入新纪元！</p>
<a href="video.html" class="link">查看全文</a>
</div></div>
</a>
<a href="#">
<div class="video">
<span class="quality">HD</span>
<span class="videoName"><h5>The Guardians</h5></span>
<a href="#"><img src="http://i2.muimg.com/1949/c23c29e70d132df6.jpg" alt=""></a>
<div class="mask">
<h3>银河护卫队2</h3>
<p>漫威影业最新力作《银河护卫队2》带着全新劲爆好听的“劲歌金曲第二辑”回归大银幕！银河护卫队在本集中穿越宇宙，继续外太空的史诗冒险之旅。他们必须共同作战，守护彼此；同时要解开“星爵”彼得·奎尔的身世之谜。旧日敌人变为盟友，漫画中深受喜爱的角色也会现身，对护卫队出手援助。漫威电影宇宙则将持续扩张，进入新纪元！</p>
<a href="video.html" class="link">查看全文</a>
</div>
</div>
</a>
<a href="#">
<div class="video">
<span class="quality">HD</span>
<span class="videoName"><h5>Before I Fall</h5></span>
<a href=""><img src="http://i2.muimg.com/1949/7a4b703a759f2761.jpg" alt=""></a>
<div class="mask">
<h3>银河护卫队2</h3>
<p>漫威影业最新力作《银河护卫队2》带着全新劲爆好听的“劲歌金曲第二辑”回归大银幕！银河护卫队在本集中穿越宇宙，继续外太空的史诗冒险之旅。他们必须共同作战，守护彼此；同时要解开“星爵”彼得·奎尔的身世之谜。旧日敌人变为盟友，漫画中深受喜爱的角色也会现身，对护卫队出手援助。漫威电影宇宙则将持续扩张，进入新纪元！</p>
<a href="video.html" class="link">查看全文</a>
</div>
</div>
</a>
<a href="#">
<div class="video">
<span class="quality">HD</span>
<span class="videoName"><h5>[18+]Personal Shopper</h5></span>
<a href="#"><img src="http://i2.muimg.com/1949/3318e6ee18f5eab3.jpg" alt=""></a>
<div class="mask">
<h3>银河护卫队2</h3>
<p>漫威影业最新力作《银河护卫队2》带着全新劲爆好听的“劲歌金曲第二辑”回归大银幕！银河护卫队在本集中穿越宇宙，继续外太空的史诗冒险之旅。他们必须共同作战，守护彼此；同时要解开“星爵”彼得·奎尔的身世之谜。旧日敌人变为盟友，漫画中深受喜爱的角色也会现身，对护卫队出手援助。漫威电影宇宙则将持续扩张，进入新纪元！</p>
<a href="video.html" class="link">查看全文</a>
</div>
</div>
</a>
<a href="#">
<div class="video">
<span class="quality">HD</span>
<span class="videoName"><h5>速度与激情8</h5></span>
<a href="#"><img src="http://i2.muimg.com/1949/70eb42bbae2f391f.jpg" alt=""></a>
<div class="mask">
<h3>银河护卫队2</h3>
<p>漫威影业最新力作《银河护卫队2》带着全新劲爆好听的“劲歌金曲第二辑”回归大银幕！银河护卫队在本集中穿越宇宙，继续外太空的史诗冒险之旅。他们必须共同作战，守护彼此；同时要解开“星爵”彼得·奎尔的身世之谜。旧日敌人变为盟友，漫画中深受喜爱的角色也会现身，对护卫队出手援助。漫威电影宇宙则将持续扩张，进入新纪元！</p>
<a href="video.html" class="link">查看全文</a>
</div>
</div>
</a>
<a href="#">
<div class="video">
<span class="quality">HD</span>
<span class="videoName"><h5>蓝精灵</h5></span>
<a href=""><img src="http://i2.muimg.com/1949/827a7433cf033330.jpg" alt=""></a>
<div class="mask">
<h3>银河护卫队2</h3>
<p>漫威影业最新力作《银河护卫队2》带着全新劲爆好听的“劲歌金曲第二辑”回归大银幕！银河护卫队在本集中穿越宇宙，继续外太空的史诗冒险之旅。他们必须共同作战，守护彼此；同时要解开“星爵”彼得·奎尔的身世之谜。旧日敌人变为盟友，漫画中深受喜爱的角色也会现身，对护卫队出手援助。漫威电影宇宙则将持续扩张，进入新纪元！</p>
<a href="video.html" class="link">查看全文</a>
</div>
</div>
</a>
<a href="#">
<div class="video">
<span class="quality">HD</span>
<span class="videoName"><h5>Boss Baby</h5></span>
<a href="#"><img src="http://i2.muimg.com/1949/1299e5249ad5401b.jpg" alt=""></a>
<div class="mask">
<h3>银河护卫队2</h3>
<p>漫威影业最新力作《银河护卫队2》带着全新劲爆好听的“劲歌金曲第二辑”回归大银幕！银河护卫队在本集中穿越宇宙，继续外太空的史诗冒险之旅。他们必须共同作战，守护彼此；同时要解开“星爵”彼得·奎尔的身世之谜。旧日敌人变为盟友，漫画中深受喜爱的角色也会现身，对护卫队出手援助。漫威电影宇宙则将持续扩张，进入新纪元！</p>
<a href="video.html" class="link">查看全文</a>
</div>
</div>
</a>
<a href="#">
<div class="video">
<span class="quality">HD</span>
<span class="videoName"><h5>Power Rangers</h5></span>
<a href="#"><img src="http://i2.muimg.com/1949/ee281d053d8d157f.jpg" alt=""></a>
<div class="mask">
<h3>银河护卫队2</h3>
<p>漫威影业最新力作《银河护卫队2》带着全新劲爆好听的“劲歌金曲第二辑”回归大银幕！银河护卫队在本集中穿越宇宙，继续外太空的史诗冒险之旅。他们必须共同作战，守护彼此；同时要解开“星爵”彼得·奎尔的身世之谜。旧日敌人变为盟友，漫画中深受喜爱的角色也会现身，对护卫队出手援助。漫威电影宇宙则将持续扩张，进入新纪元！</p>
<a href="video.html" class="link">查看全文</a>
</div>
</div>
</a>
</div>
</div>
<div class="container">
<div class="head">
<div class="guide">电视剧</div>
<a href="li.html" class="seemore">See more></a>
</div>
<div class="cont_main">
<a href="#">
<div class="video">
<span class="tv">12</span>
<span class="videoName"><h5>Catfish The TV Show</h5></span>
<a href=""><img src="http://i4.buimg.com/1949/51e122b27db7cdc2.jpg" alt=""></a>
<div class="mask">
<h3>银河护卫队2</h3>
<p>漫威影业最新力作《银河护卫队2》带着全新劲爆好听的“劲歌金曲第二辑”回归大银幕！银河护卫队在本集中穿越宇宙，继续外太空的史诗冒险之旅。他们必须共同作战，守护彼此；同时要解开“星爵”彼得·奎尔的身世之谜。旧日敌人变为盟友，漫画中深受喜爱的角色也会现身，对护卫队出手援助。漫威电影宇宙则将持续扩张，进入新纪元！</p>
<a href="video.html" class="link">查看全文</a>
</div>
</div>
</a>
<a href="#">
<div class="video">
<span class="tv">8</span>
<span class="videoName"><h5>Green leaf</h5></span>
<a href=""><img src="http://i4.buimg.com/1949/048b3162ce82d33b.jpg" alt=""></a>
<div class="mask">
<h3>银河护卫队2</h3>
<p>漫威影业最新力作《银河护卫队2》带着全新劲爆好听的“劲歌金曲第二辑”回归大银幕！银河护卫队在本集中穿越宇宙，继续外太空的史诗冒险之旅。他们必须共同作战，守护彼此；同时要解开“星爵”彼得·奎尔的身世之谜。旧日敌人变为盟友，漫画中深受喜爱的角色也会现身，对护卫队出手援助。漫威电影宇宙则将持续扩张，进入新纪元！</p>
<a href="video.html" class="link">查看全文</a>
</div>
</div>
</a>
<a href="#">
<div class="video">
<span class="tv">15</span>
<span class="videoName"><h5>Total Divas-Season 6</h5></span>
<a href=""><img src="http://i4.buimg.com/1949/2cb5d95e576800ff.jpg" alt=""></a>
<div class="mask">
<h3>银河护卫队2</h3>
<p>漫威影业最新力作《银河护卫队2》带着全新劲爆好听的“劲歌金曲第二辑”回归大银幕！银河护卫队在本集中穿越宇宙，继续外太空的史诗冒险之旅。他们必须共同作战，守护彼此；同时要解开“星爵”彼得·奎尔的身世之谜。旧日敌人变为盟友，漫画中深受喜爱的角色也会现身，对护卫队出手援助。漫威电影宇宙则将持续扩张，进入新纪元！</p>
<a href="video.html" class="link">查看全文</a>
</div>
</div>
</a>
<a href="#">
<div class="video">
<span class="tv">54</span>
<span class="videoName"><h5>名侦探柯南</h5></span>
<a href=""><img src="http://i4.buimg.com/1949/314d344978a40642.jpg" alt=""></a>
<div class="mask">
<h3>银河护卫队2</h3>
<p>漫威影业最新力作《银河护卫队2》带着全新劲爆好听的“劲歌金曲第二辑”回归大银幕！银河护卫队在本集中穿越宇宙，继续外太空的史诗冒险之旅。他们必须共同作战，守护彼此；同时要解开“星爵”彼得·奎尔的身世之谜。旧日敌人变为盟友，漫画中深受喜爱的角色也会现身，对护卫队出手援助。漫威电影宇宙则将持续扩张，进入新纪元！</p>
<a href="video.html" class="link">查看全文</a>
</div>
</div>
</a>
<a href="#">
<div class="video">
<span class="tv">8</span>
<span class="videoName"><h5>Short Fire-Season 1</h5></span>
<a href=""><img src="http://i4.buimg.com/1949/86580e31dbe42660.png" alt=""></a>
<div class="mask">
<h3>银河护卫队2</h3>
<p>漫威影业最新力作《银河护卫队2》带着全新劲爆好听的“劲歌金曲第二辑”回归大银幕！银河护卫队在本集中穿越宇宙，继续外太空的史诗冒险之旅。他们必须共同作战，守护彼此；同时要解开“星爵”彼得·奎尔的身世之谜。旧日敌人变为盟友，漫画中深受喜爱的角色也会现身，对护卫队出手援助。漫威电影宇宙则将持续扩张，进入新纪元！</p>
<a href="video.html" class="link">查看全文</a>
</div>
</div>
</a>
<a href="#">
<div class="video">
<span class="tv">20</span>
<span class="videoName"><h5>绿箭侠-Season 5</h5></span>
<a href=""><img src="http://i4.buimg.com/1949/3c37cb1e4fed49ed.jpg" alt=""></a>
<div class="mask">
<h3>银河护卫队2</h3>
<p>漫威影业最新力作《银河护卫队2》带着全新劲爆好听的“劲歌金曲第二辑”回归大银幕！银河护卫队在本集中穿越宇宙，继续外太空的史诗冒险之旅。他们必须共同作战，守护彼此；同时要解开“星爵”彼得·奎尔的身世之谜。旧日敌人变为盟友，漫画中深受喜爱的角色也会现身，对护卫队出手援助。漫威电影宇宙则将持续扩张，进入新纪元！</p>
<a href="video.html" class="link">查看全文</a>
</div>
</div>
</a>
<a href="#">
<div class="video">
<span class="tv">12</span>
<span class="videoName"><h5>Teen Titans Go!</h5></span>
<a href=""><img src="http://i4.buimg.com/1949/5973d9ea23e0af5f.jpg" alt=""></a>
<div class="mask">
<h3>银河护卫队2</h3>
<p>漫威影业最新力作《银河护卫队2》带着全新劲爆好听的“劲歌金曲第二辑”回归大银幕！银河护卫队在本集中穿越宇宙，继续外太空的史诗冒险之旅。他们必须共同作战，守护彼此；同时要解开“星爵”彼得·奎尔的身世之谜。旧日敌人变为盟友，漫画中深受喜爱的角色也会现身，对护卫队出手援助。漫威电影宇宙则将持续扩张，进入新纪元！</p>
<a href="video.html" class="link">查看全文</a>
</div>
</div>
</a>
<a href="#">
<div class="video">
<span class="tv">10</span>
<span class="videoName"><h5>Power Rangers</h5></span>
<a href=""><img src="http://i4.buimg.com/1949/5a1b399ea0c29a49.jpg" alt=""></a>
<div class="mask">
<h3>银河护卫队2</h3>
<p>漫威影业最新力作《银河护卫队2》带着全新劲爆好听的“劲歌金曲第二辑”回归大银幕！银河护卫队在本集中穿越宇宙，继续外太空的史诗冒险之旅。他们必须共同作战，守护彼此；同时要解开“星爵”彼得·奎尔的身世之谜。旧日敌人变为盟友，漫画中深受喜爱的角色也会现身，对护卫队出手援助。漫威电影宇宙则将持续扩张，进入新纪元！</p>
<a href="video.html" class="link">查看全文</a>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="footer">
<address class="address">
<span>站长： <a href="mailto:[email protected]">Rychou</a><br></span>
<span>地址：Hangzhou Dianzi UniverSity</span>
</address>
</div>
<script>
$(document).ready(function(){
$('#slidorion').slidorion();
});
</script>
<script>
$(document).ready(function(){
$('#slidorion').slidorion({
speed: 500,
interval: 4000,
first: section2,
effect: 'overRight',
});
});
</script>
</body>
</html>