forked from zzzyb009/TourTemplate
-
Notifications
You must be signed in to change notification settings - Fork 0
/
show.html
163 lines (162 loc) · 7.93 KB
/
show.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>journey</title>
<link rel="stylesheet" type="text/css" href="public/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="public/css/swipebox.css">
<link rel="stylesheet" type="text/css" href="public/css/jquery.dialogbox.css">
<link rel="stylesheet" type="text/css" href="public/css/show.css">
</head>
<body>
<!-- header -->
<header id="header" class="">
<img src="public/images/logo.jpg" alt="logo">
<nav>
<ul>
<li>当前位置 : 巴黎</li>
<li><a href="index.html">返回首页</a></li>
</ul>
</nav>
<label>
<input type="search" name="search" value="" placeholder="请输入你要查找的内容">
<i class="icon-search"></i>
<a href="#" id="login"><i class="icon-user"></i>Login</a>
<i class="icon-chevron-up"></i>
</label>
</header>
<!-- /header -->
<!-- container -->
<div class="container">
<article class="article0">
<img src="public/images/aifeier.jpg" alt="Paris" data-parallax='{"y": 230}'/>
<div class="article0Cont">
<p>The Eiffel Tower 云中牧女</p>
<p>埃菲尔铁塔的含义是：无论你在哪里，无论何时，假若你愿意回头看，我会一直在守候。</p>
</div>
</article>
<div class="imgs">
<a href="public/images/aifeier.jpg" class="swipebox" title="埃菲尔铁塔">
<img src="public/images/aifeier.jpg" alt="查看大图">
</a>
<a href="public/images/eiffel1.jpg" class="swipebox" title="埃菲尔铁塔">
<img src="public/images/eiffel1.jpg" alt="埃菲尔铁塔">
</a>
<a href="public/images/eiffel2.jpg" class="swipebox" title="埃菲尔铁塔">
<img src="public/images/eiffel2.jpg" alt="埃菲尔铁塔">
</a>
<a href="public/images/eiffel3.jpg" class="swipebox" title="埃菲尔铁塔">
<img src="public/images/eiffel3.jpg" alt="埃菲尔铁塔">
</a>
<span><i class="icon-hand-left"></i>点击可查看大图</span>
</div>
<div class="info">
<p>埃菲尔铁塔</p>
<p>矗立在塞纳河南岸法国巴黎的战神广场，它是世界著名建筑、法国文化象征之一、巴黎城市地标之一、巴黎最高建筑物。被法国人爱称为“铁娘子” 。</p>
</div>
<article class="article1">
<img src="public/images/baliluofugong.jpg" alt="Paris" data-parallax='{"x": 100}'/>
<div class="article1Cont">
<p>the Louvre Museum</p>
<p>卢浮宫作为世界上最大，最古老，同时也是世界三大博物馆之一的圣殿，其骄傲的站立在巴黎最繁华的香榭丽舍的一头，不声不语的记录着法兰西帝国的繁盛和衰弱。</p>
</div>
</article>
<div class="imgs">
<a href="public/images/louvre1.jpg" class="swipebox" title="罗浮宫">
<img src="public/images/louvre1.jpg" alt="罗浮宫">
</a>
<a href="public/images/louvre2.jpg" class="swipebox" title="罗浮宫">
<img src="public/images/louvre2.jpg" alt="罗浮宫">
</a>
<a href="public/images/louvre3.jpg" class="swipebox" title="罗浮宫">
<img src="public/images/louvre3.jpg" alt="罗浮宫">
</a>
<a href="public/images/louvre4.jpg" class="swipebox" title="罗浮宫">
<img src="public/images/louvre4.jpg" alt="罗浮宫">
</a>
<span><i class="icon-hand-left"></i>点击可查看大图</span>
</div>
<div class="info">
<p>卢浮宫</p>
<p>位于法国巴黎市中心的塞纳河北岸，位居世界四大博物馆之首 。</p>
<p>卢浮宫始建于1204年，原是法国的王宫，居住过50位法国国王和王后，是法国文艺复兴时期最珍贵的建筑物之一，以收藏丰富的古典绘画和雕刻而闻名于世。</p>
<p>现为卢浮宫博物馆，历经800多年扩建重修达到今天的规模，占地约198公顷，分新老两部分，宫前的金字塔形玻璃入口，占地面积为24公顷，是华人建筑大师贝聿铭设计的。1793年8月10日，卢浮宫艺术馆正式对外开放，成为一个博物馆。</p>
</div>
<article class="article2">
<img src="public/images/kaixuanmen.jpg" alt="Paris" data-parallax='{"y": 200}'/>
<div class="article2Cont">
<p>Arc de Triomphe</p>
<p>巴黎市区12条大街都以凯旋门为中心，向四周放射，气势磅礴，为欧洲大城市的设计典范。</p>
</div>
</article>
<div class="imgs">
<a href="public/images/kaixuanmen1.jpg" class="swipebox" title="凯旋门">
<img src="public/images/kaixuanmen1.jpg" alt="凯旋门">
</a>
<a href="public/images/kaixuanmen2.jpg" class="swipebox" title="凯旋门">
<img src="public/images/kaixuanmen2.jpg" alt="凯旋门">
</a>
<a href="public/images/kaixuanmen3.jpg" class="swipebox" title="凯旋门">
<img src="public/images/kaixuanmen3.jpg" alt="凯旋门">
</a>
<a href="public/images/kaixuanmen.jpg" class="swipebox" title="凯旋门">
<img src="public/images/kaixuanmen.jpg" alt="凯旋门">
</a>
<a href="public/images/kaixuanmen5.jpg" class="swipebox" title="凯旋门">
<img src="public/images/kaixuanmen5.jpg" alt="凯旋门">
</a>
<span><i class="icon-hand-left"></i>点击可查看大图</span>
</div>
<div class="info">
<p>凯旋门</p>
<p>位于法国巴黎的戴高乐广场中央，香榭丽舍大街的西端 。</p>
<p>凯旋门正如其名，是一座迎接外出征战的军队凯旋的大门。它是现今世界上最大的一座圆拱门，位于巴黎市中心戴高乐广场中央的环岛上面。这座广场也是配合雄狮凯旋门而修建的，因为凯旋门建成后，给交通带来了不便，于是就在19世纪中叶，环绕凯旋门一周修建了一个圆形广场及12条道路，每条道路都有40～80米宽，呈放射状，就像明星发出的灿烂光芒，因此这个广场又叫明星广场。凯旋门也称为“星门”。凯旋门就位于著名的香榭丽舍大街的尽头。</p>
</div>
<div class="up">
<div class="group">
</div>
<div class="words">
<p>了解更多</p>
<p>PARIS • 人文 • 美食</p>
</div>
</div>
</div>
<!-- container end -->
<!-- footer -->
<footer>
<p>
<a href="#">网站地图</a>
<a href="#">合作伙伴</a>
<a href="#">友情链接</a>
<a href="#">商业合作</a>
<a href="#">在线咨询</a>
</p>
<span>©2006-2009 广州市四月天文化传播有限公司 版权所有 </span>
<a href="#" title="灵犀科技—专业网站介绍">http://www.April.com</a>
<span>粤ICP备07020337号</span>
</footer>
<div id="showLogin"></div>
<div id="showLogin1" style="display: none;">
<table class="mytable">
<tr>
<td>用户名</td><td><input type="text" name="username" value=""></td>
<tr>
</tr>
<td>密码</td><td><input type="password" name="password" value=""></td>
</tr>
</table>
</div>
</body>
<script type="text/javascript" src="public/js/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="public/js/jquery.swipebox.js"></script>
<script type="text/javascript" src="public/js/scrollMeun.js"></script>
<script type="text/javascript" src="public/js/jquery.parallax-scroll.js"></script>
<script type="text/javascript" src="public/js/show.js"></script>
<script type="text/javascript" src="public/js/jquery.dialogBox.js"></script>
<script type="text/javascript" src="public/js/login.js"></script>
<script type="text/javascript">
jQuery(function($) {
$(".swipebox").swipebox();
});
</script>
</html>