软测单独项目
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.

111 lines
6.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>
<title>智慧营区</title>
<link rel="stylesheet" href="../layui/css/layui.css" media="all" />
<link href="css/new_index.css" rel="stylesheet" type="text/css" />
<link href="css/style_work.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-2.1.3.min.js" type="text/javascript"></script>
<script src="../layui/layui.js" type="text/javascript"></script>
<script src="../js/jquery.cookie.js" type="text/javascript"></script>
<style type="text/css">
html {
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: hidden;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Chrome/Safari/Opera */
-khtml-user-select: none; /* Konqueror */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently not supported by any browser */
}
body {
width: 100%;
height: 100%;
text-align: center;
}
.cls1 {
position: fixed;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.cls2 {
cursor: pointer;
}
</style>
<script src="js/guidance.js" type="text/javascript"></script>
<script src="js/jQueryRotate.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
var angle = 0;
setInterval(function () {
angle += 1;
$("#xzImg").rotate(angle);
}, 8);
});
</script>
</head>
<body class="layui-layout-body">
<div>
<img src="imgs/bg.jpg" class="cls1" style="width: 100%; height: 100%; position:absolute;z-index:1;" />
<img src="img/topperbg.png" class="cls1" style="width: 100%; height: 7%; z-index: 2; top:-93%; " />
<img src="imgs/contentbg.png" class="cls1" style="width: 70%; height: 58%; z-index: 2; top:-15%; " />
<img id="xzImg" src="imgs/circle.png" class="cls1" style="width: 25%; height: 51.2%; z-index: 3; top:4%; left:-1%; " />
<img src="imgs/logo.png" class="cls1" alt="" style="z-index:3;top:-93%;width: 8%; height: 3.5%" />
<img src="imgs/guide-icon1.png" class="cls1 cls2" alt="" style="z-index:3;top:-15%;left: -35%;width: 4%; height: 9%" onclick="building()" />
<img src="imgs/guide-icon2.png" class="cls1 cls2" alt="" style="z-index:3;top:24%;left: -35%;width: 4%; height: 9%" onclick="rcgl()" />
<img src="imgs/guide-icon3.png" class="cls1 cls2" alt="" style="z-index:3;top:-22%;left: 35%;width: 4%; height: 9%" onclick="camp()" />
<img src="imgs/guide-icon4.png" class="cls1 cls2" alt="" style="z-index:3;top:5%;left: 35%;width: 4%; height: 9%" onclick="mhzy()" />
<img src="imgs/guide-icon5.png" class="cls1 cls2" alt="" style="z-index:3;top:32%;left: 35%;width: 4%; height: 9%" onclick="test('work')" />
<img src="imgs/map.png" class="cls1" style="width:18%; height: 22%; z-index: 3; top:4%; left:-1%; " />
<img src="imgs/top-user-icon.png" class="cls1" style="width:1.25%; height: 2.2%;z-index: 3; top:-93%; left:66%; " />
<!--<img src="imgs/top-password-icon.png" class="cls1" style="width:1%; height: 2.2%; z-index: 3; top:-93%; left:78%; " />-->
<img id="imgExit" src="imgs/top-cancel-icon.png" class="cls1" style="width:1.25%; height: 2.2%; z-index: 100; top:-93%; left:-83%; " />
<div class="cls2" style="color:#fff;font-size:30px;font-family: SourceHansansCN-Regular;letter-spacing:1px;">
<span class="cls1" style=" z-index: 3;width:50%;text-align:right; height: 1%; top:-22%; left:-93%;" onclick="building()">智慧党建</span>
<span class="cls1" style=" z-index: 3;width:50%; text-align:right;height: 1%; top:18%; left:-93%;" onclick="rcgl()">一体化综合平台</span>
<span class="cls1" style=" z-index: 3;width:50%; text-align:left;height: 1%; top:-28%;left: 71%;" onclick="camp()">三维可视化</span>
<span class="cls1" style=" z-index: 3;width:50%; text-align:left;height: 1%; top:-2%; left: 71%;" onclick="mhzy()">战训辅助系统</span>
<span class="cls1" style=" z-index: 3;width:50%; text-align:left;height: 1%; top:25%; left:71%;" onclick="test('work')">火灾预警防控</span>
</div>
<div class="cls2" style="color: #2b78ad;font-size: 14px;font-family: ArialMt;letter-spacing:-1px;">
<span class="cls1" style=" z-index: 3;width:50%; height: 1%; top:-11%; left:-93%;text-align: right;" onclick="building()">WISDOM RARTY BUILDING</span>
<span class="cls1" style=" z-index: 3;width:50%; height: 1%; top:28.5%;left:-93%; text-align: right;" onclick="rcgl()">INTERGRATED PLATFORM</span>
<span class="cls1" style=" z-index: 3;width:50%; height: 1%; top:-17%; left: 71%; text-align: left;" onclick="camp()">3D VISUALIZATION</span>
<span class="cls1" style=" z-index: 3;width:50%; height: 1%; top:9%; left: 71%; text-align: left;" onclick="mhzy()">AUXILIARY MANAGEMENT OF WAR TRAINING</span>
<span class="cls1" style=" z-index: 3;width:50%; height: 1%; top:36%;; left:71%; text-align: left;" onclick="test('work')">FIRE PREVENTION AND CONTROL</span>
</div>
<div class="toptext">
<!--<span class="cls1" style=" color:#fff; z-index: 3;width:50%; text-align:left;height: 1%; top:-94.5%;left: 78%;font-size: 16px;">拉萨特勤一战管理员</span>-->
<a class="cls1" id="show_own" style=" color:#fff; z-index: 3;width:50%; text-align:left;height: 1%; top:-94.5%;left: 85%;font-size: 16px;" href="javascript:void(0);" title="点击修改基本资料"></a>
</div>
</div>
<script src="js/canvas.js" type="text/javascript"></script>
</body>
</html>