-
Notifications
You must be signed in to change notification settings - Fork 9
/
video.html
171 lines (164 loc) · 8.49 KB
/
video.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>银河护卫队2</title>
<link rel="shortcut icon" href="img/favicon.ico">
</head>
<link rel="stylesheet" href="http://demo.htmleaf.com/1605/201605301540/starability-minified/starability-all.min.css"/>
<link rel="stylesheet" href="./css/nav.css" />
<link rel="stylesheet" href="./css/video.css"/>
<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="container" >
<div id="main" >
<span id="header">银河护卫队2 Guardians of the Galaxy Vol. 2 (2017)</span>
<div id="left">
<div id="video_inf">
<div id="img">
<img src="http://i2.muimg.com/1949/d57801b2b58e9307.jpg"" alt="">
</div>
<div id="inf">
<div id="inf_left">
<div class="inf_cont">
<span class="inf_type">导演:</span>
<span class="inf_right">詹姆斯·古恩</span>
</div>
<div class="inf_cont">
<span class="inf_type">编剧:</span>
<span class="inf_right">詹姆斯·古恩 / 丹·阿布内特 / 安迪·兰宁</span>
</div>
<div class="inf_cont">
<span class="inf_type">主演:</span>
<span class="inf_right">克里斯·普拉特 / 佐伊·索尔达娜 / 戴夫·巴蒂斯塔 / 范·迪塞尔 / 布莱德利·库珀...</span>
</div>
<div class="inf_cont">
<span class="inf_type">类型:</span>
<span class="inf_right">动作 / 科幻 / 冒险</span>
</div>
<div class="inf_cont">
<span class="inf_type">制片国家:</span>
<span class="inf_right">美国</span>
</div>
<div class="inf_cont">
<span class="inf_type">语言:</span>
<span class="inf_right">英语</span>
</div>
<div class="inf_cont">
<span class="inf_type">上映日期:</span>
<span class="inf_right"> 2017-05-05(中国大陆/美国) / 2017-04-25(澳大利亚)</span>
</div>
<div class="inf_cont">
<span class="inf_type">片长:</span>
<span class="inf_right">136分钟</span>
</div>
<div class="inf_cont">
<span class="inf_type">又名:</span>
<span class="inf_right">星际异攻队2(台) / 银河守护队2(港) / 银护2 / Guardians of the Galaxy 2</span>
</div>
<div class="inf_cont">
<span class="inf_type">IMDb链接:</span>
<span class="inf_right"><a href="http://www.imdb.com/title/tt3896198/">click here</a></span>
</div>
</div>
<div id="inf_right"></div>
</div>
<div id="interest_text" style="width: 100%;height: 60px; clear: both;">
<a href="#" style="display: inline-block;width: 50px;height: 30px; background: rgb(37, 110, 238); float: left;text-align: center;line-height: 30px;border-radius: 5px; text-decoration: none;color: #fff;margin-right: 5px;"><span>看过</span></a>
<a href="#" style="display: inline-block;width: 50px;height: 30px; background: #dc185f; float: left;text-align: center;line-height: 30px;border-radius: 5px; text-decoration: none;color: #fff;"><span>想看</span></a>
<div id="Evaluation">
<span style="display: inline-block;width: 50px;height: 30px; float: left;text-align: center;line-height: 30px;border-radius: 5px; text-decoration: none; font-weight: bold;color: #1376e0;">评价:</span>
<div id="rate">
<input type="radio" id="start5" name="star" value="5" />
<label for="start5"><span></span></label>
<input type="radio" id="start4" name="star" value="4"/>
<label for="start4"><span></span></label>
<input type="radio" id="start3" name="star" value="3" />
<label for="start3"><span></span></label>
<input type="radio" id="start2" name="star" value="2"/>
<label for="start2"><span></span></label>
<input type="radio" id="start1" name="star" value="1"/>
<label for="start1"><span></span></label>
</div>
</div>
</div>
</div>
<div id="plot">
<span>剧情简介</span>
<p>《银河护卫队2》是《银河护卫队》系列第二部电影，是由美国漫威影业公司制作、华特·迪士尼电影工作室出品的科幻动作片，由詹姆斯·古恩执导，克里斯·帕拉特、佐伊·索尔达娜、戴夫·巴蒂斯塔主演，布莱德利·库珀、范·迪塞尔配音。《银河护卫队2》根据漫威漫画改编，讲述了护卫队成员穿越宇宙，继续在外太空的冒险之旅，他们必须共同作战，守护彼此，同时要解开彼得·奎尔的身世之谜的故事。该片于2017年5月5日在美国、中国内地同步上映。</p>
<p>银护正受雇于大祭司阿耶莎去保护她治下的至高星人，这是一个全身金色的人类种族。作为回报，阿耶莎将他们的囚犯星云送给了银河护卫队。然而关键时刻火箭浣熊玩起双面间谍的游戏，背地里窃走至高星的能量电池，致使阿耶莎发动全军追杀银河护卫队，英雄们在神秘人物伊戈的帮助下惊险逃生，而伊戈正是星爵的亲生父亲，于是星爵、卡魔拉与毁灭者就追随伊戈和他的伙伴螳螂女前往他的家园。</p>
<p>与此同时，阿耶莎雇佣了勇度的掠夺者团队继续追杀银河护卫队，火箭、格鲁特宝宝和星云却在试图修复飞船时与勇度狭路相逢。星云利用太空海盗帮内不合趁机夺取了勇度飞船的控制权，但勇度、格鲁特宝宝与火箭浣熊最终顺利脱逃，与其余银河护卫队成员汇合。星爵渐渐意识到伊戈并不是他期待中的父亲模样，在勇度、星云与螳螂妹的帮助下，银河护卫队将一面抵挡阿耶莎的追杀，一面阻止伊戈实现他宣称的宿命大业。</p>
</div>
<div id="stagePhoto">
<span>剧照</span>
<a href="http://i4.buimg.com/1949/a6b5491ed9a3d836.jpg"><img src="http://i4.buimg.com/1949/a6b5491ed9a3d836.jpg" alt="" /></a>
<a href="http://i4.buimg.com/1949/159bf424947fdd90.jpg"><img src="http://i4.buimg.com/1949/159bf424947fdd90.jpg" alt="" /></a>
<a href="http://i4.buimg.com/1949/e7685650ef4b9283.jpg"><img src="http://i4.buimg.com/1949/e7685650ef4b9283.jpg" alt="" /></a>
<a href="http://i4.buimg.com/1949/ba9d799636f549bf.jpg"><img src="http://i4.buimg.com/1949/ba9d799636f549bf.jpg" alt="" /></a>
<a href="http://i4.buimg.com/1949/ce36a61dc3bff8f2.jpg"><img src="http://i4.buimg.com/1949/ce36a61dc3bff8f2.jpg" alt="" /></a>
</div>
<div id="prevue">
<span>预告片</span>
<iframe height=400 width=450 src='http://player.youku.com/embed/XMjUzNDMwNjAxMg==' frameborder=0 'allowfullscreen' style="margin:20px 30px;"></iframe>
</div>
</div>
<div id="right">
<div class="title">
<h3>支持本站</h3>
</div>
<div style="width: 250px;height: 300px; margin: 0 auto; margin-top: 50px;">
<span class="on" id="wechat">微信</span>
<span class="off" id="zhifubao">支付宝</span>
<div class="QR_cont">
<img src='http://i4.buimg.com/1949/48e44e9ad74be097.png' width="250" height="250" id="img1">
<img src='http://i2.muimg.com/1949/50e198ca7616899e.png' width="250" height="250" id="img2">
</div>
</div>
<div class="title">
<h3>广告推广</h3>
<p>然而並沒有東西</p>
</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>
</div>
<script>
var oWc = document.getElementById("wechat");
var oZfb = document.getElementById("zhifubao");
oWc.onclick = function(){
oWc.className = "on";
oZfb.className = "off";
document.getElementById("img1").style.display = "block";
document.getElementById("img2").style.display = "none";
oZfb.style.background = "#B2AEAE";
};
oZfb.onclick = function(){
oZfb.className = "on";
oWc.className = "off";
document.getElementById("img1").style.display = "none";
document.getElementById("img2").style.display = "block";
document.getElementById("img2").style.borderColor = "#32A5E7";
oZfb.style.background = "#32A5E7";
};
</script>
</body>
</html>