-
Notifications
You must be signed in to change notification settings - Fork 1
/
index_new.html
197 lines (185 loc) · 6.74 KB
/
index_new.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
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>首页_Element's Land</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/defaultstyle.css">
<link rel="shortcut icon" type="image/x-icon" href="/images/icon.png">
<link rel="stylesheet" href="css/gamestyle.css">
<script src="js/menu.js"></script>
<script src="js/game_container.js"></script>
<!--[if IE]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script>
$(function () {
//alert("width" + $(window).width() + "height" + $(window).height());
setInterval(function () {
var i = parseInt(Math.random() * 4);
var eledom = $("<img src='images/star"+i+".png' style='position:fixed; z-index:-99;width: 7em;'>");
var selwidth = eledom.width();
var selheight = eledom.height();
//eledom.addClass("cell-" + elementType);
var width = $(window).width();
var height = $(window).height();
var position = {
left: (width-selwidth + height)*Math.random(),
top: 0-200,
};
var towards = {
left: 0-200,
top: position.left,
opacity: -0.3
};
var ptowards = {
left: towards.left / 2,
top: towards.top / 2,
opacity: 1
};
eledom.offset(position);
eledom.appendTo("body");
//var cssto = {left:towards+"px"};
//eledom.css({opacity: 0});
eledom.animate(towards, (towards.top+200) * 1.5,"linear" ,function () {
eledom.remove();
});
}, 150);
});
</script>
</head>
<body>
<nav class="navbar navbar-fixed-top cool shadowbox" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="pull-left btn btn-inverse navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="artfont">Element's Land</span>
</button>
</div>
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-4 col-sm-3">
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="index_new.html">主页</a></li>
<li>
<a href="character_intro.html" id="11">人物介绍</a>
<div id="22" class="cool shadowbox" style="text-align: center;display: none;">
<br>
<a href="character_intro.html?fire">火元素</a>
<br>
<br>
<a href="character_intro.html?water">水元素</a>
<br>
<br>
<a href="character_intro.html?land">土元素</a>
<br>
<br>
<a href="character_intro.html?wind">风元素</a>
<br>
<br>
</div>
</li>
<li>
<a href="game_demo.html">游戏演示</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-6 col-md-4 col-sm-4">
<div class="collapse navbar-collapse text-center">
<p class="artfont">Element's Land</p>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-5">
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="background_intro.html">游戏背景</a></li>
<li><a href="rules_intro.html">玩法介绍</a></li>
<li><a href="about_us.html">关于我们</a></li>
</ul>
</div>
</div>
</div>
</div>
<!--.nav-collapse -->
</div>
</nav>
<div class="container center-block">
<div class="row">
<div class="col-lg-8 col-md-6">
<div class="shadowbox content">
<h1>游戏下载 <small>敬请期待</small></h1>
<hr/>
<h2>背景故事</h2>
<p>在奥林匹斯山上，本来代表各个元素的各种神，为了争夺四种元素最重要的位置而发生了战斗。</p>
<p>为了抢夺“潘多拉之星”……</p>
<p>为了支配世界，操纵自己的元素……</p>
<p>为了自己性格的追求……</p>
<p>他们发起了战斗……</p>
</div>
<div class="shadowbox content">
<h2>游戏玩法</h2>
<p>选择一种元素：水，火，土，风，</p>
<p>探索迷雾，</p>
<p>通过元素间的相互作用来使Element长大，</p>
<p>以Element的大小来决定胜负的游戏！</p>
<p>觉醒诸神的能力来变得更加强大！</p>
<p>同样的，游戏中还有许多奇特道具等你发现！</p>
</div>
</div>
<div class="col-lg-4 col-md-6 shadowbox content">
<h2>人物介绍</h2>
<hr>
<div class="shadowbox fire">
<hr>
<h4>火元素：荣誉与地位</h4>
<p>围绕着生命当中的荣誉与自尊，为了追求成功而燃烧自己的生命，努力释放自己的生命价值。</p>
<a class="pull-right label" href="character_intro.html?fire">>>查看更多</a>
<hr>
</div>
<div class="shadowbox water">
<hr>
<h4>水元素：爱与关系</h4>
<p>在情绪层面都很容易受到影响，心里有很多的爱想要给出去，但会有不同层面的表现方式，他们对情感有许多付出，在不同的层面展现不同的爱的连结。</p>
<a class="pull-right label" href="character_intro.html?water">>>查看更多</a>
<hr>
</div>
<div class="shadowbox wind">
<hr>
<h4>风元素：情仇与思绪</h4>
<p>对于特定领域有独到见解的人，对自己的想法充满自信，也暗藏了城府以及背后里的思想。</p>
<a class="pull-right label" href="character_intro.html?wind">>>查看更多</a>
<hr>
</div>
<div class="shadowbox land">
<hr>
<h4>土元素：物质与享受</h4>
<p>懂得运用物质来照顾自己与别人，提供生命滋养，是生命当中最基本的金钱与物质需求，基础的生命质量。</p>
<a class="pull-right label" href="character_intro.html?land">>>查看更多</a>
<hr>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row shadowbox copyright">
<div class="col-lg-offset-1 col-lg-3 col-md-4">
<img class="logo" src="images/logo_team.png">
</div>
<div class="col-lg-7 col-md-8 text-justify">
<p><span>Team简介┊About Team┊广告服务┊联系我们┊招聘信息┊网站律师┊通行证注册┊产品答疑</span></p>
<p>Copyright © 1997-2015 Team609, All Rights Reserved</p>
<p>Team609 版权所有</p>
</div>
</div>
</div>
<script src="js/bootstrap.min.js"></script>
</body>
</html>