<!DOCTYPE html>
|
<html lang="zh-CN">
|
<head>
|
<meta charset="UTF-8">
|
<title>数据监测</title>
|
<!--[if IE 8]>
|
<html lang="en" class="ie8 no-js"> <![endif]-->
|
<!--[if IE 9]>
|
<html lang="en" class="ie9 no-js"> <![endif]-->
|
<!--[if !IE]><!-->
|
|
<!--<![endif]-->
|
<!-- BEGIN HEAD -->
|
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
<!--[if lt IE 9]>
|
<script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
|
<script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
<![endif]-->
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
|
<meta http-equiv="X-UA-Compatible" content="IE=9"/>
|
<link rel="stylesheet" href="css/reset.css">
|
<link rel="stylesheet" href="css/index.css">
|
</head>
|
<body>
|
<div class="monitoring-nav">
|
<div class="monitoring-nav-box">
|
<div class="monitoring-nav-icon">
|
<i></i>
|
<i></i>
|
<i></i>
|
</div>
|
<div class="monitoring-meun">
|
<i></i>
|
<span class="on" data-url="monitoringPoint.html">监测<br/>点</span>
|
<i></i>
|
<span data-url="classification.html">监测<br/>要素</span>
|
<i></i>
|
<span data-url="video.html">监控<br/>视频</span>
|
<i></i>
|
</div>
|
<div class="monitoring-nav-icon">
|
<i></i>
|
<i></i>
|
<i></i>
|
</div>
|
</div>
|
</div>
|
<div class="monitoring">
|
<iframe id="monitoringIframe" width="100%" height="100%" src="monitoringPoint.html" scrolling="yes" frameborder=0></iframe>
|
</div>
|
</body>
|
<script type="text/javascript" src="js/jquery-3.2.1.js"></script>
|
<script>
|
$(function(){
|
$(".monitoring-meun span").unbind().click(function(){
|
var dataUrl = $(this).attr("data-url");
|
$(this).addClass('on').siblings().removeClass('on');
|
$("#monitoringIframe").attr("src", dataUrl);
|
});
|
});
|
</script>
|
</html>
|
