-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathqinghai.html
162 lines (151 loc) · 7.52 KB
/
qinghai.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>青海省</title>
<link rel="stylesheet" href="css/header.css" />
<link rel="stylesheet" href="css/province.css"/>
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="box">
<img src="./images/header/bird/bird.gif" class="c1" style="position: absolute;width:1rem ; height:1rem;top: 5rem;left:1rem;margin-left:-1rem;">
<img src="./images/header/bird/bird.gif" class="c2" style="position: absolute;width:1rem ; height:1rem;top: 5rem;left:1rem;margin-left:-1rem;">
<img src="./images/header/bird/bird.gif" class="c1" style="position: absolute;width:0.5rem ; height:0.5rem;top: 5rem;left:10rem;margin-left:-5rem;">
<img src="./images/header/bird/bird.gif" class="c2" style="position: absolute;width:0.5rem ; height:0.5rem;top: 5rem;left:10rem;margin-left:-5rem;">
<img src="./images/header/bird/bird.gif" class="c1" style="position: absolute;width:0.8rem ; height:0.9rem;top: 5rem;left:1rem;margin-left:-4rem;">
<img src="./images/header/bird/bird.gif" class="c2" style="position: absolute;width:0.8rem ; height:0.9rem;top: 5rem;left:1rem;margin-left:-4rem;">
<img src="./images/header/bird/bird.gif" class="c1" style="position: absolute;width:0.7rem ; height:0.7rem;top: 5rem;left:10rem;margin-left:-3rem;">
<img src="./images/header/bird/bird.gif" class="c1" style="position: absolute;width:1.3rem ; height:1.3rem;top: 5rem;left:10rem;margin-top: 0.3rem; margin-left:-2rem;">
<img src="./images/header/bird/bird.gif" class="c2" style="position: absolute;width:1.3rem ; height:1.3rem;top: 5rem;left:10rem;margin-top: 0.3rem;margin-left:-2rem;">
<img src="./images/header/bird/boat.png" class="c1" style="position: absolute;width:1.3rem ; height:1.3rem;top: 5rem;left:10rem;margin-top: 9rem;margin-left:-2rem;animation-duration: 60s;">
<img src="./images/header/bird/boat.png" class="c2" style="position: absolute;width:1.3rem ; height:1.3rem;top: 5rem;left:10rem;margin-top: 9rem;margin-left:-2rem;animation-duration: 60s;">
<img src="./images/header/bird/wu.png" class="c1" style="image-repeat: repeat; position: absolute;width:125% ; height:1.3rem;top: 5rem;left:10rem;margin-top: 9.9rem;margin-left:0rem;animation-duration: 80s;">
<img src="./images/header/bird/wu.png" class="c2" style="image-repeat: repeat; position: absolute;width:125%; height:1.3rem;top: 5rem;left:10rem;margin-top: 10.1rem;margin-left:0rem;animation-duration: 80s;">
</div>
<!--头部的盒子 -->
<header>
<div class="decorate0">
<img src="./images/header/pic1.png" width="100%" >
</div>
<h1>少数民族聚集省份</h1>
<div class="decorate1">
<img src="./images/header/pic2.png" width="100%" >
</div>
<div class="direct0">
<a href="overview.html">
<img src="./images/button/overview.png" width="100%">
</a>
</div>
<div class="direct01">
<a href="development.html">
<img src="./images/button/12.png" style="width: 100% ; height:100%">
<span>发展</span>
</a>
</div>
<div class="direct1">
<a href="mztotal.html">
<img src="./images/button/12.png" style="width: 100% ; height:100%">
<span>简介</span>
</a>
</div>
<div class="direct2">
<a href="allculture.html">
<img src="./images/button/12.png" style="width: 100% ; height:100%">
<span>文化</span>
</a>
</div>
<div class="direct3">
<a href="faith.html?index=8">
<img src="./images/button/12.png" style="width: 100% ; height:100%">
<span>信仰</span>
</a>
</div>
<div class="direct4">
<a href="tourism.html">
<img src="./images/button/12.png" style="width: 100% ; height:100%">
<span>旅游</span>
</a>
</div>
</header>
<section class="mainbox">
<div class="column">
<div class="up">
<div class="subcolumn">
<div class="slides">
<div id="myCarousel" class="carousel slide" style="width: 100% ; height:100%"
data-ride="carousel" data-interval="2500">
<!-- 轮播（Carousel）指标 -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- 轮播（Carousel）项目 -->
<div class="carousel-inner">
<div class="item active">
<a href="https://baike.baidu.com/item/%E9%9D%92%E6%B5%B7%E6%B9%96/113605">
<img src="./images/province/qinghai/qinghaihu.jpeg" alt="First slide" width="100%">
</a>
</div>
<div class="item">
<a href="https://baike.baidu.com/item/%E8%8C%B6%E5%8D%A1%E7%9B%90%E6%B9%96">
<img src="images/province/qinghai/chakayanhu.jpeg" alt="Second slide" width="100%">
</a>
</div>
<div class="item">
<a href="https://baike.baidu.com/item/%E7%A5%81%E8%BF%9E%E5%8E%BF">
<img src="images/province/qinghai/qilian.jpeg" alt="Third slide" width="100%">
</a>
</div>
</div>
<!-- 轮播（Carousel）导航 -->
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
<div class="subcolumn">
<div class="map"></div>
</div>
</div>
<div class="down">
</div>
</div>
<div class="column">
<div class ="intro">
<div class="bgdecorate">
<img src="./images/province/decorate/飞鸟.png" height="100%">
</div>
<h2>青海省</h2>
<p>青海为位于中国西部，雄踞世界屋脊青藏高原的东北部 。
是中国青藏高原上的重要省份之一，简称青，省会为西宁。
据全国第二次土地调查公报显示，青海省东西长约1200公里，
南北宽800公里，面积为72.10万平方公里 。</p>
<p>境内山脉高耸，地形多样，河流纵横，湖泊棋布。昆仑山横贯中部，唐古拉山峙立于南，
祁连山矗立于北，茫茫草原起伏绵延，柴达木盆地浩瀚无限。长江、黄河之源头在青海，
中国最大的内陆高原咸水湖也在青海，因此而得名“青海”。 </p>
<p>青海有着“世界屋脊”的美称。青海东部素有“天河锁钥”、“海藏咽喉”、“金城屏障”、
“西域之冲”和“玉塞咽喉”等称谓，是长江、黄河、澜沧江的发源地，被誉为“三江源”、
“江河源头”、“中华水塔”。青海省地处青藏高原东北部，青海的地形大势是盆地、
高山和河谷相间分布的高原。它是“世界屋脊”青藏高原的一部分。</p>
</div>
<div class ="table">
<div class="chart">
</div>
</div>
</div>
</section>
<script src="js/flexible.js"></script>
<script src="js/echarts.min.js"></script>
<script src="js/province/qinghai.js"></script>
</body>
</html>