242 lines
10 KiB
HTML
242 lines
10 KiB
HTML
<!doctype html>
|
|
<html lang="zh">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<link href="../themes/css/global.css" rel="stylesheet" />
|
|
<link rel="stylesheet" type="text/css" href="../themes/css/layout.css" />
|
|
<script type="text/javascript" src="../js/jquery-1.11.3.min.js"></script>
|
|
<link href="../themes/css/fkpagetransitions.min.css" rel="stylesheet" />
|
|
<script type="text/javascript" src="../js/base.js"></script>
|
|
<script type="text/javascript">
|
|
var i=1;
|
|
$(function(){
|
|
$(".btn-Sort").hover(function(){
|
|
$(this).parent().removeClass();
|
|
var addClassName = $(this).attr("id");
|
|
$(this).parent().addClass(addClassName);
|
|
},function(){
|
|
$(this).parent().removeClass();
|
|
});
|
|
$(".cardDiv .card-tag").eq(0).addClass("click-on");
|
|
setInterval('autoTag();', 3000);
|
|
$("#dlDiv").click(function(){
|
|
$(this).hide();
|
|
});
|
|
$(".card-tag").click(function(){
|
|
$("#dlDiv").show();
|
|
var cardNum = $(this).index();
|
|
$("#btnDL").click(function(){
|
|
/*if(cardNum == 0){
|
|
location.href="wngh.html"
|
|
} else if(cardNum == 1){
|
|
location.href="sngd.html"
|
|
} else if(cardNum == 2){
|
|
location.href="xmsh.html"
|
|
} else if(cardNum == 3){
|
|
location.href="zyys.html"
|
|
} else {
|
|
location.href="zxjs.html"
|
|
}*/
|
|
fkpage.goToNextSlide();
|
|
|
|
});
|
|
});
|
|
})
|
|
function autoTag(){
|
|
$(".cardDiv .card-tag").removeClass("click-on");
|
|
$(".cardDiv .card-tag").eq(i).addClass("click-on");
|
|
if(i<4){
|
|
++i;
|
|
} else {
|
|
i=0;
|
|
}
|
|
}
|
|
</script>
|
|
<body>
|
|
<div id="logo"></div>
|
|
|
|
<!--最右侧菜单 -->
|
|
<div id="toolbar">
|
|
<span><a href="#" title="返回上一页" class="btn-back" onClick="history.go(-1)"></a></span>
|
|
<span><a href="index.html" title="主页" class="btn-index"></a></span>
|
|
<span><a href="#" title="菜单" class="btn-list"></a>
|
|
<ul class="listMenu">
|
|
<div id="base-menu">
|
|
<li><a href="home1.html">基础业务</a></li>
|
|
<li><a href="home2.html">重点业务</a></li>
|
|
</div>
|
|
</ul>
|
|
</span>
|
|
|
|
|
|
<span><a href="#" title="图例" class="btn-chart"></a>
|
|
<ul class="listChart">
|
|
<li onClick="addBox('test','分重大战略','pie3d.html','pie3d.html')"><a href="javascript:void(0)"><img src="../themes/images/img_menu01.gif" /></a></li>
|
|
<li onClick="addBox('test2','分重大战略2','pie3d.html','pie3d.html')"><a href="javascript:void(0)"><img src="../themes/images/img_menu02.gif" /></a></li>
|
|
<li onClick="addBox('test3','分重大战略3','pie3d.html','pie3d.html')"><a href="javascript:void(0)"><img src="../themes/images/img_menu03.gif" /></a></li>
|
|
<li onClick="addBox('test4','分重大战略4','pie3d.html','pie3d.html')"><a href="javascript:void(0)"><img src="../themes/images/img_menu04.gif" /></a></li>
|
|
<li onClick="addBox('test5','分重大战略5','pie3d.html','pie3d.html')"><a href="javascript:void(0)"><img src="../themes/images/img_menu05.gif" /></a></li>
|
|
<li onClick="addBox('test6','分重大战略6','pie3d.html','pie3d.html')"><a href="javascript:void(0)"><img src="../themes/images/img_menu06.gif" /></a></li>
|
|
<li onClick="addBox('test7','分重大战略7','pie3d.html','pie3d.html')"><a href="javascript:void(0)"><img src="../themes/images/img_menu07.gif" /></a></li>
|
|
<li onClick="addBox('test8','分重大战略8','pie3d.html','pie3d.html')"><a href="javascript:void(0)"><img src="../themes/images/img_menu08.gif" /></a></li>
|
|
<li onClick="addBox('test9','分重大战略9','pie3d.html','pie3d.html')"><a href="javascript:void(0)"><img src="../themes/images/img_menu09.gif" /></a></li>
|
|
<li onClick="addBox('test10','分重大战略10','pie3d.html','pie3d.html')"><a href="javascript:void(0)"><img src="../themes/images/img_menu10.gif" /></a></li>
|
|
<li onClick="addBox('test11','分重大战略11','pie3d.html','pie3d.html')"><a href="javascript:void(0)"><img src="../themes/images/img_menu11.gif" /></a></li>
|
|
<li onClick="addBox('test12','分重大战略12','pie3d.html','pie3d.html')"><a href="javascript:void(0)"><img src="../themes/images/img_menu12.gif" /></a></li>
|
|
<li onClick="addBox('test13','分重大战略13','pie3d.html','pie3d.html')"><a href="javascript:void(0)"><img src="../themes/images/img_menu13.gif" /></a></li>
|
|
<li onClick="addBox('test14','分重大战略14','pie3d.html','pie3d.html')"><a href="javascript:void(0)"><img src="../themes/images/img_menu14.gif" /></a></li>
|
|
<li onClick="addBox('test15','分重大战略15','pie3d.html','pie3d.html')"><a href="javascript:void(0)"><img src="../themes/images/img_menu15.gif" /></a></li>
|
|
</ul>
|
|
</span>
|
|
<span><a href="#" title="导出WORD" class="btn-word"></a></span>
|
|
<span><a href="#" title="导出PDF" class="btn-pdf"></a></span>
|
|
<span><a href="#" title="打印" class="btn-print"></a></span>
|
|
</div>
|
|
|
|
<!--登录按钮框 -->
|
|
<div style="position:absolute;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999;display:none" id="dlDiv">
|
|
<div style="position:absolute;width:454px;height:288px;left:50%;top:50%;margin-left:-227px;margin-top:-144px;">
|
|
<img src="../themes/images/dl.png" width="454" height="288" usemap="#Map" />
|
|
<map name="Map">
|
|
<area shape="rect" coords="50,192,404,240" href="#" id="btnDL">
|
|
</map>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<ul class="myfkpage">
|
|
<!--首页文字框 -->
|
|
<li style="height:100%;width:100%">
|
|
<div style="position: absolute;height:100%;width:100%;z-index:1;left:0px;top:0px;" onClick="fkpage.goToNextSlide();"></div>
|
|
<p class="system-Time">
|
|
<i></i>
|
|
</p>
|
|
<div id="indexBg">
|
|
<iframe src="pb_yhfb.html" class="iframeTest" style="height:100%;width:100%;" frameborder="0"></iframe>
|
|
<p class="userNum">
|
|
在矫人员
|
|
<i>1113人</i>
|
|
</p>
|
|
<p class="userNum" style="top:32%">
|
|
实时定位人数
|
|
<i>938人</i>
|
|
</p>
|
|
</div>
|
|
<div class="cardDiv" style="z-index:999">
|
|
<div class="card-tag">
|
|
<h6>银川市</h6>
|
|
<p><span>116人</span>在矫人员：</p>
|
|
<p><span>102人</span>定位人数：</p>
|
|
<p><span>25人</span>社矫工作人员：</p>
|
|
</div>
|
|
<div class="card-tag">
|
|
<h6>石嘴山市</h6>
|
|
<p><span>106人</span>在矫人员：</p>
|
|
<p><span>82人</span>定位人数：</p>
|
|
<p><span>19人</span>社矫工作人员：</p>
|
|
</div>
|
|
<div class="card-tag">
|
|
<h6>吴忠市</h6>
|
|
<p><span>86人</span>在矫人员：</p>
|
|
<p><span>72人</span>定位人数：</p>
|
|
<p><span>18人</span>社矫工作人员：</p>
|
|
</div>
|
|
<div class="card-tag">
|
|
<h6>固原市</h6>
|
|
<p><span>136人</span>在矫人员：</p>
|
|
<p><span>112人</span>定位人数：</p>
|
|
<p><span>32人</span>社矫工作人员：</p>
|
|
</div>
|
|
<div class="card-tag">
|
|
<h6>中卫市</h6>
|
|
<p><span>96人</span>在矫人员：</p>
|
|
<p><span>82人</span>定位人数：</p>
|
|
<p><span>21人</span>社矫工作人员：</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
|
|
<!--总框架 菱形图
|
|
<li style="height:100%;width:100%">
|
|
|
|
<div id="homeBg" onClick="fkpage.goToNextSlide();">
|
|
<div id="home-contentDiv">
|
|
<div id="btn-Div">
|
|
<div class="btn-Sort btn-1" id="bgImg1" onClick="window.top.location='default.html'"><span></span></div>
|
|
<div class="btn-Sort btn-2" id="bgImg2" onClick="window.top.location='zxjs.html'"><span></span></div>
|
|
<div class="btn-Sort btn-3" id="bgImg3" onClick="window.top.location='zyys.html'"><span></span></div>
|
|
<div class="btn-Sort btn-4" id="bgImg4" onClick="window.top.location='xmsh.html'"><span></span></div>
|
|
<div class="btn-Sort btn-5" id="bgImg5" onClick="window.top.location='sngd.html'"><span></span></div>
|
|
<div class="btn-Sort btn-6" id="bgImg6" onClick="window.top.location='wngh.html'"><span></span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li> -->
|
|
<!--总框架 蛇形图 -->
|
|
<li style="height:100%;width:100%">
|
|
<div id="homeBg">
|
|
<div id="zd-contentDiv">
|
|
<div id="zd-btn-Div">
|
|
<div class="btn-Sort zdbtn-1" id="bgImg1" onClick="window.location.href='tzxs1.html'"><span></span></div>
|
|
<div class="btn-Sort zdbtn-2" id="bgImg2" onClick="window.location.href='zhfx.html'"><span></span></div>
|
|
<div class="btn-Sort zdbtn-3" id="bgImg3" onClick="window.location.href='default.html'"><span></span></div>
|
|
<div class="btn-Sort zdbtn-4" id="bgImg4"><span></span></div>
|
|
<div class="btn-Sort zdbtn-5" id="bgImg5" onClick="window.location.href='tzxs.html'"><span></span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
|
|
|
|
<div style="position: absolute; bottom: 0; left: 0; text-align: center; width: 100%;display:none">
|
|
<button onClick="fkpage.goToPrevSlide();">上一页</button>
|
|
<button onClick="fkpage.goToNextSlide();">下一页</button>
|
|
<button onClick="shownewts();">切换效果</button>
|
|
</div>
|
|
|
|
<!-- jQuery library -->
|
|
<script src="../js/jquery-1.11.3.min.js"></script>
|
|
<!-- FKPageTransitions Javascript file -->
|
|
<script src="../js/fkpagetransitions.min.js"></script>
|
|
<script type="text/javascript">
|
|
var fkpage,cindex = 5;
|
|
//获得当前时间,刻度为一千分一秒
|
|
function showLeftTime(){
|
|
var now=new Date();
|
|
var year=now.getFullYear();
|
|
var month=now.getMonth()+1;
|
|
var day=now.getDate();
|
|
var hours=now.getHours();
|
|
var minutes=now.getMinutes();
|
|
var seconds=now.getSeconds();
|
|
var zq=now.getDay();
|
|
var Week = ['日','一','二','三','四','五','六'];
|
|
if(seconds<10){
|
|
seconds = "0"+seconds;
|
|
}
|
|
if(minutes<10){
|
|
minutes = "0"+minutes;
|
|
}
|
|
var systemTime = "<i>"+hours+":"+minutes+":"+seconds+"</i>"+year+"年"+month+"月"+day+"日 星期"+Week[zq];
|
|
$(".system-Time").html(systemTime);
|
|
//一秒刷新一次显示时间
|
|
//var timeID=setTimeout(showLeftTime,1000);
|
|
}
|
|
function shownewts(){
|
|
if (cindex<0) cindex =5;
|
|
var tmp = fkpage.setSlideMode(cindex);
|
|
fkpage.goToNextSlide(); //下一页
|
|
cindex --;
|
|
}
|
|
|
|
$(document).ready(function(){
|
|
showLeftTime();
|
|
setInterval('showLeftTime()', 1000);
|
|
fkpage = $('.myfkpage').FKPageTransitions();
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |