-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path04 相册.html
66 lines (59 loc) · 2.44 KB
/
04 相册.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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>相册</title>
<link href="css/menu-copyright.css" rel="stylesheet" type="text/css">
<link href="分层轮播/css/jquery.zySlide.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="top">
<div class="top-text">
<a href="01 向北去看雪.html"><h2>首页</h2></a>
<a href="02 目的地.html"><h2>目的地</h2></a>
<a href="03 行程安排.html"><h2>行程安排</h2></a>
<a href="04 相册.html"><h2>相册</h2></a>
<a href="05 关于我们.html"><h2>关于我们</h2></a>
<a href="06 留言板.html"><h2>留言板</h2></a>
</div>
</div>
<div id="Slide1" class="zy-Slide">
<!--prev:元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。-->
<section>前一张</section>
<section>后一张</section>
<ul>
<!--alt + shift : 可以创建一个矩形选择区域-->
<li><img src="分层轮播/images/album_1/image_0.jpg" /></li>
<li><img src="分层轮播/images/album_1/image_1.jpg" /></li>
<li><img src="分层轮播/images/album_1/image_2.jpg" /></li>
<li><img src="分层轮播/images/album_1/image_3.jpg" /></li>
<li><img src="分层轮播/images/album_1/image_4.jpg" /></li>
<li><img src="分层轮播/images/album_1/image_5.jpg" /></li>
<li><img src="分层轮播/images/album_1/image_6.jpg" /></li>
</ul>
</div>
<div id="Slide2" class="zy-Slide zy-Slide2">
<!--prev:元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。-->
<section>前一张</section>
<section>后一张</section>
<ul>
<!--alt + shift : 可以创建一个矩形选择区域-->
<li><img src="分层轮播/images/album_1/image_7.jpg" /></li>
<li><img src="分层轮播/images/album_1/image_8.jpg" /></li>
<li><img src="分层轮播/images/album_1/image_9.jpg" /></li>
<li><img src="分层轮播/images/album_1/image_10.jpg" /></li>
<li><img src="分层轮播/images/album_1/image_11.jpg" /></li>
<li><img src="分层轮播/images/album_1/image_12.jpg" /></li>
<li><img src="分层轮播/images/album_1/image_13.jpg" /></li>
</ul>
</div>
<script src="分层轮播/jquery.min.js"></script>
<script src="分层轮播/jquery.zySlide.js"></script>
<script src="分层轮播/index.js"></script>
<div class="copyright">
<div class="copyright-text">
<p>Copyright©2016 Hynn All Rights Reserved.</p>
</div>
</div>
</body>
</html>