-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
320 lines (286 loc) · 12.2 KB
/
index.html
File metadata and controls
320 lines (286 loc) · 12.2 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
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
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="bootstrap-3.3.7-dist/css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="css/reset.css"/>
<link rel="stylesheet" type="text/css" href="css/css_imgmove.css"/>
<script src="js/js.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="css/css_index.css"/>
</head>
<body>
<div id="container_all">
<div id="nav">
<ul class="nav nav-tabs navbar-fixed-top"><!--固定在上面-->
<li class="logo"><a href="##"><span class="glyphicon glyphicon-film"></span></a></li>
<li class="active"><a href="index.html">首页</a></li>
<li><a href="today/today.html">今日热点</a></li>
<li><a href="comment/comment.html">电影评论</a></li>
<li><a href="new_movie/new_movie.html">新片动态</a></li>
<li><a href="tellus/tellus.html">联系我们</a></li>
<li class="pull-right"><a href="https://www.douban.com/"><span class="glyphicon glyphicon-link"></span>友情链接</a></li>
<li class="pull-right"><a href="##"><span class="glyphicon glyphicon-hd-video"></span>高清电影</a></li>
</ul>
</div>
<div id="search">
<div class="col-lg-4">
<div class="input-group">
<span class="input-group-btn">
<button class="btn btn-default btn-block disabled" type="button">
<span class="glyphicon glyphicon-search"></span>
</button>
</span>
<input type="text" class="form-control" placeholder="变形金刚5">
<span class="input-group-btn">
<button class="btn btn-default" type="button">Go!</button>
</span>
</div><!-- /input-group -->
</div><!-- /.col-lg-6 -->
</div>
<div id="banner">
<div id="container">
<div id="list" style="left:-1380px;">
<img src="images/5.jpg" alt="5.pg"/>
<img src="images/1.jpg" alt="5.pg"/>
<img src="images/2.jpg" alt="5.pg"/>
<img src="images/3.jpg" alt="5.pg"/>
<img src="images/4.jpg" alt="5.pg"/>
<img src="images/5.jpg" alt="5.pg"/>
<img src="images/1.jpg" alt="5.pg"/>
</div>
<div id="buttons">
<span index="1"class="on"> </span>
<span index="2"></span>
<span index="3"></span>
<span index="4"></span>
<span index="5"></span>
</div>
<a href="javascript:;" class="arrow" id="prev"><</a>
<a href="javascript:;" class="arrow" id="next">></a>
</div>
</div>
<div id="today">
<!--<li><a href="#">海报欣赏</a></li>
<li><a href="#"></a></li>
<li><a href="#">影片策划</a></li>
<li><a href="#">电视情报 </a></li>
<li><a href="#">全球拾趣</a></li>-->
<p class="h2">今日热点</p>
<hr />
<p class="h5"><a href="today/today.html">海报欣赏</a> <span>|</span> <a href="today/today.html#h2">新闻点击</a> <span>|</span> <a href="today/today.html#h3">影片策划</a> <span>|</span> ,<a href="#">电视情报</a> <span>|</span> <a href="#">全球拾趣</a></p>
<hr />
<div id="today_left">
<div id="today_left_top">
<div class="small_box">
<img src="images/smallbox.jpg"/>
<a class="item1" href="#">《变形金刚5》内地首周8.55亿夺冠</a>
<p class="item2" >"异形"冲击3亿 "木乃伊""女侠"双破6亿</p>
</div>
<div class="small_box">
<img src="images/smallbox2.jpg"/>
<a class="item1" href="#">蔡尚君谈黄渤:能保持警醒的人凤毛麟角</a>
<p class="item2">专访"冰之下"导演 称汤唯没演是"没缘分"</p>
</div>
<div class="small_box">
<img src="images/smallbox3.jpg"/>
<a class="item1" href="#">评"变形金刚5"：还是熟悉的迈克尔贝 </a>
<p class="item2" >特效动作堪称史诗级 角色深度逻辑性欠佳</p>
</div>
<div class="small_box">
<img src="images/smallbox4.jpg"/>
<a class="item1" href="#">《变形金刚5》内地首周8.55亿夺冠</a>
<p class="item2" >"异形"冲击3亿 "木乃伊""女侠"双破6亿</p>
</div>
</div>
<div id="today_left_bottom">
<div class="small_box">
<img src="images/smallbox4.jpg"/>
<a class="item1" href="#">《变形金刚5》内地首周8.55亿夺冠</a>
<p class="item2" >"异形"冲击3亿 "木乃伊""女侠"双破6亿</p>
</div>
<div class="small_box">
<img src="images/smallbox5.jpg"/>
<a class="item1" href="#">《变形金刚5》内地首周8.55亿夺冠</a>
<p class="item2">"异形"冲击3亿 "木乃伊""女侠"双破6亿</p>
</div>
<div class="small_box">
<img src="images/smallbox6.jpg"/>
<a class="item1" href="#">《变形金刚5》内地首周8.55亿夺冠</a>
<p class="item2" >"异形"冲击3亿 "木乃伊""女侠"双破6亿</p>
</div>
<div class="small_box">
<img src="images/smallbox5.jpg"/>
<a class="item1" href="#">《变形金刚5》内地首周8.55亿夺冠</a>
<p class="item2" >"异形"冲击3亿 "木乃伊""女侠"双破6亿</p>
</div>
</div>
</div>
</div>
<div class="button">
<a href="today/today.html">更多信息</a>
</div>
<div id="comment">
<p class="h2">电影评论</p>
<hr />
<p class="h5"><a href="#">热门评论</a> <span>|</span> <a href="#">评论排行</a> <span>|</span> <a href="#">我的评论</a> <span>|</span> ,<a href="#">特约影评</a> <span>|</span> <a href="#">我的见解</a></p>
<hr />
<div id="comment_wrapper">
<div id="comment_left">
<div class="comment_left_box">
<img src="images/comment_box1.png"/>
<div class="comment_left_box_font">
<a href="#">《父子雄兵》：大鹏与范伟 两代人的对话与和解 </a>
<p>很多人认为，父子题材的喜剧已经拍不出什么新鲜感了，而由... </p>
</div>
</div>
<div class="comment_left_box">
<img src="images/comment_box2.png"/>
<div class="comment_left_box_font">
<a href="#">《变形金刚5》有何看点？全球首映独家观影测评 </a>
<p>今年，《变形金刚》系列电影迎来了第十个年头，《变形金刚... </p>
</div>
</div>
<div class="comment_left_box">
<img src="images/comment_box3.png"/>
<div class="comment_left_box_font">
<a>梅峰《不成问题的问题》:老舍短篇影像化的成功 </a>
<p>由梅峰导演的《不成问题的问题》改编自著名作家老舍在... </p>
</div>
</div>
</div>
<div id="comment_mind">
<a href="#" class="glyphicon glyphicon-play"></a>
<div id="comment_mind_text">
<span class="glyphicon glyphicon-play-circle"> 今日影评</span><span id="cctv">CCTV6周一至周五每日播出 </span>
<p><span class="glyphicon glyphicon-fire"></span>电影频道传媒关注单元亮点剖析 “新”的格局</p>
<p>十三部入围作品先后亮相，比拼结果蓄势待发，经过为期四天的集中观影与评选，第20届上海国际电影节电影频道传... </p>
</div>
</div>
<div id="comment_right">
<div id="">
</div>
<div id="comment_right_list">
<img src="images/table_img.jpg"/>
<table class="table table-striped table-bordered table-hover">
<tr><th>影片名</th><th>热度排名</th></tr>
<tr><td>悟空传</td><td>1</td></tr>
<tr><td>变形金刚5</td><td>2</td></tr>
<tr><td>蜘蛛侠</td><td>3</td></tr>
<tr><td>逆势营救</td><td>4</td></tr>
</table>
<span class="glyphicon glyphicon-chevron-right">
<a href="#">更多</a>
</span>
</div>
</div>
</div>
</div>
<div class="button">
<a href="comment/comment.html">更多信息</a>
</div>
<div id="new_movie">
<p class="h2">新片动态</p>
<hr />
<div id="new_movie_wrapper">
<div id="new_movie_left">
<div id="new_movie_left_top">
<div class="new_movie_box">
<img src="images/new_movie_img1.jpg"/>
<a href="#"><span class="glyphicon glyphicon-expand"></span></a>
<a href="#">《悟空传》天团出道特辑</a>
</div>
<div class="new_movie_box">
<img src="images/new_movie_img2.jpg"/>
<a href="#"><span class="glyphicon glyphicon-expand"></span></a>
<a href="#">《原谅他77次》曝“伤感内容”特辑</a>
</div>
<div class="new_movie_box">
<img src="images/new_movie_img3.jpg"/>
<a href="#"><span class="glyphicon glyphicon-expand"></span></a>
<a href="#">《英伦对决》首曝国际版预告</a>
</div>
</div>
<div id="new_movie_left_bottom">
<div class="new_movie_box">
<img src="images/new_movie_img4.jpg"/>
<a href="#"><span class="glyphicon glyphicon-expand"></span></a>
<a href="#">《表情奇幻冒险》角色预告之Jailbreak</a>
</div>
<div class="new_movie_box">
<img src="images/new_movie_img5.jpg"/>
<a href="#"><span class="glyphicon glyphicon-expand"></span></a>
<a href="#">《神偷奶爸3》幕后特辑</a>
</div>
<div class="new_movie_box">
<img src="images/new_movie_img6.jpg"/>
<a href="#"><span class="glyphicon glyphicon-expand"></span></a>
<a href="#">《亚人》曝光正式预告</a>
</div>
</div>
</div>
<div id="new_movie_right">
<div id="new_movie_right_top">
<a href="#">杨洋刘亦菲《三生三世》北美定档8月11</a>
<ul class="list">
<li>光明日报：文化类栏目应当追求“慢”与“深”</li>
<li> 内地与香港文化逐步形成全方位、多渠道交流格局</li>
<li> 上海电影节以电影之名 为人文之城增添核心资源</li>
<li> 《分贝人生》亚新奖载誉 王小帅以新人状态创作</li>
</ul>
</div>
<div id="new_movie_right_bottom">
<a href="#">杨洋刘亦菲《三生三世》北美定档8月11</a>
<ul class="list">
<li>光明日报：文化类栏目应当追求“慢”与“深”</li>
<li> 内地与香港文化逐步形成全方位、多渠道交流格局</li>
<li> 上海电影节以电影之名 为人文之城增添核心资源</li>
<li> 《分贝人生》亚新奖载誉 王小帅以新人状态创作</li>
</ul>
</div>
</div>
</div>
</div>
<div class="button">
<a href="">更多信息</a>
</div>
<div id="footer_top">
<span class="glyphicon glyphicon-film">
光影漫步
</span>
<ul class="small_nav">
<li><a href="#">关于我们</a></li>
<li><a href="#">网站地图</a></li>
<li><a href="#">诚聘英才</a></li>
<li><a href="#">版权声明</a></li>
<li><a href="#">联系我们</a></li>
<li><a href="#">友情链接</a></li>
<li><a href="#">合作媒体</a></li>
</ul>
<ul class="message">
<li><a href="#">备案编号0000</a></li>
<li><a href="#">备案编号0002</a></li>
<li><a href="#">出版物经营许可证</a></li>
<li><a href="#">电影发行许可证</a></li>
<li><a href="#">经营性演出许可证</a></li>
</ul>
<ul class="message">
<li><a href="#">企业法人营业执照</a></li>
<li><a href="#">增值电信业务经营许可证</a></li>
<li><a href="#">京ICP备0000号</a></li>
<li><a href="#">京公网安备000</a></li>
</ul>
</div>
<div id="footer_bottom">
<ul>
<li><a href="#">CopyRight © 2017</a></li>
<li><a href="#">|</a></li>
<li><a href="#">济南大学</a></li>
<li><a href="#">|</a></li>
<li><a href="#">计软1503</a></li>
</ul>
</div>
</div>
</body>
</html>