<!DOCTYPE html>
|
<html>
|
|
<head>
|
<meta charset="utf-8">
|
<title></title>
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
<link rel="stylesheet" href="../Commonjs/layui/css/layui.css" />
|
<link rel="stylesheet" href="css/roll.css" />
|
<link rel="stylesheet" href="css/thirdCatlog.css" />
|
<style>
|
#hszhd {
|
display: none;
|
position: absolute;
|
height: 100px;
|
width: 230px;
|
top: 300px;
|
left: 20px;
|
cursor: pointer;
|
}
|
|
#hszhd>input[type="checkbox"] {
|
height: 15px;
|
width: 15px;
|
}
|
|
#qtzhd {
|
display: none;
|
position: absolute;
|
height: 100px;
|
width: 230px;
|
top: 320px;
|
left: 20px;
|
}
|
|
#nxszhd {
|
display: none;
|
position: relative;
|
height: 100px;
|
width: 230px;
|
top: -70px;
|
left: 10px;
|
}
|
|
#lsezhd {
|
display: none;
|
position: absolute;
|
height: 100px;
|
width: 230px;
|
top: 330px;
|
left: 20px;
|
}
|
|
#qszhd {
|
display: none;
|
position: absolute;
|
height: 100px;
|
width: 230px;
|
top: 350px;
|
left: 20px;
|
}
|
|
.public>label {
|
color: #eae2e2;
|
}
|
|
.public label {
|
color: #eae2e2;
|
}
|
|
.public>label>img {
|
height: 16px;
|
width: 16px;
|
}
|
|
.public label img {
|
height: 16px;
|
width: 16px;
|
}
|
|
.layui-colla-item {
|
background-color: rgb(43, 43, 43);
|
}
|
</style>
|
</head>
|
|
<body>
|
<div class="border">
|
<div class="FourBorder">
|
<div class="topleft"></div>
|
<div class="topright"></div>
|
<div class="bottomleft"></div>
|
<div class="bottomright"></div>
|
</div>
|
<div class="content">
|
<div class="ttop">
|
<div class="name"></div>
|
<div class="timg"><img class="imgx" src="img/关闭.png" /></div>
|
</div>
|
<div class="scroll_main1">
|
<div class="scroll_wrap1">
|
<div class="scroll_cont1">
|
<div class="layui-collapse layui-form">
|
<div class="layui-colla-item">
|
<h2 class="layui-colla-title"><img class="tg" src="img/a7.png" />循化</h2>
|
<div class="layui-colla-content">
|
<ul>
|
<li class="jzlb"
|
data-url="专题数据\\土地资源专题遥感解译产品\\建筑用地监测产品\\西宁市新增建筑用地\\循化\\6302252020030903">
|
6302252020030903</li>
|
</ul>
|
</div>
|
</div>
|
<div class="layui-colla-item">
|
<h2 class="layui-colla-title"><img class="tg" src="img/a7.png" />大通</h2>
|
<div class="layui-colla-content">
|
<ul>
|
<li class="jzlb"
|
data-url="专题数据\\土地资源专题遥感解译产品\\建筑用地监测产品\\西宁市新增建筑用地\\大通\\6301212020030703">
|
6301212020030703</li>
|
</ul>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="scroll_bar1">
|
<div class="scroll_slider1"></div>
|
</div>
|
</div>
|
</div>
|
<div id="hszhd" class="public">
|
<input type="checkbox" id="nsl" data-title="泥石流解译点" name="zaihaidian" checked
|
onchange="checkChange(this.id);" /><label for="nsl"><img src="img/nsl.png"
|
title="泥石流" />泥石流解译点</label><br />
|
<input type="checkbox" id="bt" data-title="崩塌翻译" name="zaihaidian" checked
|
onchange="checkChange(this.id);" /><label for="bt"><img src="img/bt.png"
|
title="崩塌" />崩塌解译点</label><br />
|
<input type="checkbox" id="hp" data-title="滑坡解译点" name="zaihaidian" checked
|
onchange="checkChange(this.id);" /><label for="hp"><img src="img/hp.png"
|
title="滑坡" />滑坡解译点</label><br />
|
<input type="checkbox" id="xp" data-title="斜坡解译点" name="zaihaidian" checked
|
onchange="checkChange(this.id);" /><label for="xp"><img src="img/bwdxp.png"
|
title="斜坡" />斜坡解译点</label>
|
</div>
|
<div id="qtzhd" class="public">
|
<label><img src="img/崩塌线.png" />崩塌线</label>
|
<label><img src="img/泥石流面.png" />泥石流面</label><br />
|
<label><img src="img/滑坡面.png" />滑坡面</label>
|
<label><img src="img/泥石流线.png" />泥石流线</label><br />
|
<label><img src="img/塌陷面.png" />塌陷面</label>
|
</div>
|
|
<div id="lsezhd" class="public">
|
<label><img src="img/bwdxp.png" title="斜坡" />斜坡解译点</label>
|
<label><img src="img/bt.png" title="崩塌" />崩塌解译点</label><br />
|
<label><img src="img/hp.png" title="滑坡" />滑坡解译点</label>
|
<label><img src="img/nsl.png" title="泥石流" />泥石流解译点</label>
|
</div>
|
<div id="qszhd" class="public">
|
<label><img src="img/热熔湖塘.png" />热熔湖塘</label>
|
<label><img src="img/热熔灾害.png" />热熔灾害</label>
|
</div>
|
<div id="nxszhd" class="public">
|
<div id="yearSelect">
|
<input type="checkbox" name="yearXz" id="y2005" value="2005" /><label for="y2005"
|
style="background-color:rgb(139,0,139);">2005</label>
|
<input type="checkbox" name="yearXz" id="y2007" value="2007" /><label for="y2007"
|
style="background-color:rgb(186,85,211);">2007</label>
|
<input type="checkbox" name="yearXz" id="y2012" value="2012" /><label for="y2012"
|
style="background-color:rgb(75,0,130);">2012</label>
|
<input type="checkbox" name="yearXz" id="y2015" value="2015" /><label for="y2015"
|
style="background-color:rgb(72,61,139);">2015</label><br />
|
<input type="checkbox" name="yearXz" id="y2016" value="2016" /><label for="y2016"
|
style="background-color:rgb(30,144,255);">2016</label>
|
<input type="checkbox" name="yearXz" id="y2017" value="2017" /><label for="y2017"
|
style="background-color:rgb(0,255,255);">2017</label>
|
<input type="checkbox" name="yearXz" id="y2019" value="2019" /><label for="y2019"
|
style="background-color:rgb(0,255,127);">2019</label>
|
</div>
|
<div>
|
<label><img src="img/牛心山边界.png" />边界</label>
|
<label><img src="img/牛心山裂隙.png" />裂隙</label>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<script type="text/javascript" src="../Commonjs/jquery-1.8.2.min.js"></script>
|
<script type="text/javascript" src="../Commonjs/GetParm.js"></script>
|
<script type="text/javascript" src="../Commonjs/layui/layui.js"></script>
|
<script type="text/javascript" src="../Commonjs/scrollBar.js"></script>
|
<script type="text/javascript" src="js/thirdCatlog.js"></script>
|
</body>
|
|
</html>
|
