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.
141 lines
5.0 KiB
141 lines
5.0 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="header_top">
|
|
<p class="header_xtbt">旅游视频监控系统</p>
|
|
<div class="header_right">
|
|
<div class="header_yongh">
|
|
<div class="yongh_tx"></div>
|
|
<div class="yongh_xx">
|
|
<p class="yh_mc">河北旅游委</p>
|
|
<a href="#" class="beader_yhzx">用户中心</a>
|
|
</div>
|
|
</div>
|
|
<div class="header_rlsj">
|
|
<p class="header_riqi">01月19日<span>周三</span></p>
|
|
<p class="header_shijian">11：03：25</p>
|
|
</div>
|
|
<a href="#" class="beader_bttn" title="首页"><span class=" beader_bttn_home"></span></a>
|
|
<a href="#" class="beader_bttn" title="设置"><span class=" beader_bttn_sz"></span></a>
|
|
<a href="#" class="beader_bttn" title="退出账号"><span class=" beader_bttn_tc"></span></a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="che_caid">
|
|
<a class="bttn_caid"><span class="bttn_sxdh"></span></a>
|
|
<div class="caid_nr" style="width:140px;">
|
|
<a href="#" class="caid_xiang">视频播放</a>
|
|
<a href="#" class="caid_xiang active">视频管理</a>
|
|
<a href="#" class="caid_xiang active">综合视频监控平台</a>
|
|
<span class="jb-lefts"></span>
|
|
<span class="jb-leftx"></span>
|
|
<span class="jb-rights"></span>
|
|
<span class="jb-rightx"></span>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="spjk_con">
|
|
<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"></span>
|
|
<span class="jb-rights"></span>
|
|
<span class="jb-rightx"></span>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!--高度自适应-->
|
|
<script>
|
|
window.onload=function (){
|
|
function auto_height(){
|
|
document.getElementById("spjk_shujg").style.height=document.documentElement.clientHeight-224+"px";
|
|
document.getElementById("spjk_listqhnr").style.height=document.documentElement.clientHeight-144+"px";
|
|
document.getElementById("spjk_zssp1").style.height=document.documentElement.clientHeight-150+"px";
|
|
}
|
|
auto_height();
|
|
onresize=auto_height;
|
|
}
|
|
</script>
|
|
|
|
|
|
|
|
<!--选项卡-->
|
|
<script src="../resourceNew/js/jquery.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>
|
|
|
|
|
|
<script>
|
|
|
|
// 闭包方法
|
|
$(function () {
|
|
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|
|
|