You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
98 lines
3.8 KiB
98 lines
3.8 KiB
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
|
|
<link type="text/css" rel="stylesheet" href="../resourceNew/css/cjy_style.css"/>
|
|
<link type="text/css" rel="stylesheet" href="../resourceNew/css/cjy_style2.css" />
|
|
<link type="text/css" rel="stylesheet" href="../resourceNew/css/cjy_zlmxg.css" />
|
|
|
|
|
|
<title>旅游视频监控系统</title>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<div class="xingk"></div>
|
|
<div class="spjk_con_tc">
|
|
<div class="spjk_left">
|
|
<h3 class="spjk_left_lbbt">视频列表</h3>
|
|
<div class="spjk_shujg" id="spjk_shujg">
|
|
树结构
|
|
</div>
|
|
</div>
|
|
|
|
<div class="spjk_nr">
|
|
<div class="spjk_listqh">
|
|
<p class="spjk_listqhbt">列表<br />格式</p>
|
|
<div class="spjk_xian"></div>
|
|
<ul class="spjk_listqhbttn">
|
|
<li class="active" onclick="showitem(this,'div_1')"><span class=" spjk_zs1"></span></li>
|
|
<li onclick="showitem(this,'div_2')"><span class=" spjk_zs2"></span></li>
|
|
<li onclick="showitem(this,'div_3')"><span class=" spjk_zs3"></span></li>
|
|
</ul>
|
|
</div>
|
|
<div class="spjk_listqhnr" id="spjk_listqhnr">
|
|
<div class="spjk_listnrlb" id="div_1">
|
|
<div class="spjk_zssp1" id="spjk_zssp1">
|
|
</div>
|
|
</div>
|
|
<div class="spjk_listnrlb" id="div_2" style="display:none;">
|
|
<div class="spjk_zssp2">
|
|
<div class="pf-2"><div class="spjk_zssplb_spzs"></div></div>
|
|
<div class="pf-2"><div class="spjk_zssplb_spzs"></div></div>
|
|
<div class="pf-2"><div class="spjk_zssplb_spzs"></div></div>
|
|
<div class="pf-2"><div class="spjk_zssplb_spzs"></div></div>
|
|
</div>
|
|
</div>
|
|
<div class="spjk_listnrlb" id="div_3" style="display:none;">
|
|
<div class="spjk_zssp3">
|
|
<div class="pf-3"><div class="spjk_zssplb_spzs"></div></div>
|
|
<div class="pf-3"><div class="spjk_zssplb_spzs"></div></div>
|
|
<div class="pf-3"><div class="spjk_zssplb_spzs"></div></div>
|
|
<div class="pf-3"><div class="spjk_zssplb_spzs"></div></div>
|
|
<div class="pf-3"><div class="spjk_zssplb_spzs"></div></div>
|
|
<div class="pf-3"><div class="spjk_zssplb_spzs"></div></div>
|
|
<div class="pf-3"><div class="spjk_zssplb_spzs"></div></div>
|
|
<div class="pf-3"><div class="spjk_zssplb_spzs"></div></div>
|
|
<div class="pf-3"><div class="spjk_zssplb_spzs"></div></div>
|
|
</div>
|
|
</div>
|
|
<!--<span class="jb-lefts"><img src="../resourceNew/images/jb2-lefts.png"/></span>-->
|
|
<span class="jb-leftx"><img src="../resourceNew/images/jb2-leftx.png"/></span>
|
|
<span class="jb-rights"><img src="../resourceNew/images/jb2-rights.png"/></span>
|
|
<span class="jb-rightx"><img src="../resourceNew/images/jb2-rightx.png"/></span>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!--高度自适应-->
|
|
<script>
|
|
window.onload=function (){
|
|
function auto_height(){
|
|
document.getElementById("spjk_shujg").style.height=document.documentElement.clientHeight-142+"px";
|
|
document.getElementById("spjk_listqhnr").style.height=document.documentElement.clientHeight-64+"px";
|
|
document.getElementById("spjk_zssp1").style.height=document.documentElement.clientHeight-70+"px";
|
|
}
|
|
auto_height();
|
|
onresize=auto_height;
|
|
}
|
|
</script>
|
|
|
|
|
|
|
|
<!--选项卡-->
|
|
<script src="../resourceNew/js/jquery-3.7.0.min.js"></script>
|
|
<script>
|
|
function showitem(e,id){
|
|
$(e).parent().find('li').removeClass('active');
|
|
$(e).addClass('active');
|
|
|
|
$('.spjk_listnrlb').css("display",'none');
|
|
$('#'+id).css("display",'');
|
|
}
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|
|
|