代码拉取完成,页面将自动刷新
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>数字孪生白河水质检测系统</title>
<script type="text/javascript" src="js/jquery.js"></script>
<link rel="stylesheet" href="css/comon0.css">
<link rel="Shortcut Icon" href="./images/favicon.ico" type="image/x-icon" />
</head>
<script>
$(window).load(function () {
$(".loading").fadeOut()
})
$(document).ready(function () {
var whei = $(window).width()
$("html").css({ fontSize: whei / 20 })
$(window).resize(function () {
var whei = $(window).width()
$("html").css({ fontSize: whei / 20 })
});
});
</script>
<script type="text/javascript" src="js/echarts.min.js"></script>
<script language="JavaScript" src="js/js_1.js"></script>
<script src="js/jquery.liMarquee.js"></script>
<body>
<div class="canvas">
<iframe frameborder="0" src="js/index.html" style="width: 100%; height: 111%"></iframe>
</div>
<div class="loading">
<div class="loadbox"> <img src="images/loading.gif"> 页面加载中... </div>
</div>
<div class="head" >
<h1>数字孪生白河水质检测系统</h1>
<div class="topbnt_left fl">
<ul>
<li><a href="index.html">水质实时监测</a></li>
<li><a href="index_1.html">突发水污染预案</a></li>
<li><a href="index_2.html">水质预测分析</a></li>
<li><a href="index_3.html">水因子浓度分布</a></li>
</ul>
</div>
<div class="weather">
<span id="showTime"></span>
</div>
<script>
var t = null;
t = setTimeout(time, 1000);
function time() {
clearTimeout(t);
dt = new Date();
var y = dt.getFullYear();
var mt = dt.getMonth() + 1;
var day = dt.getDate();
var h = dt.getHours();
var m = dt.getMinutes();
var s = dt.getSeconds();
document.getElementById("showTime").innerHTML = y + "年" + mt + "月" + day + "-" + h + "时" + m + "分" + s + "秒";
t = setTimeout(time, 1000);
}
</script>
</div>
<div class="mainbox">
<ul class="clearfix">
<li>
<div class="boxall" style="height: 4.8rem" >
<!-- <body background="images/bg.jpg"> -->
<div class="alltitle">水质因子预测</div>
<div class="allnav" id="echart1"></div>
<div class="boxfoot"></div>
</div>
<div class="boxall" style="height: 4.8rem">
<div class="alltitle">预警分布及预警列表</div>
<div class="allnav" id="echart2"></div>
<div class="boxfoot"></div>
</div>
</li>
<li>
<div class="bar">
<div class="barbox">
<ul class="clearfix">
<li class="pulll_left counter">165.24 m</li>
<li class="pulll_left counter">0.02 mg/L</li>
</ul>
</div>
<div class="barbox2">
<ul class="clearfix">
<li class="pulll_left">平均水位 </li>
<li class="pulll_left">平均浓度</li>
</ul>
</div>
</div>
</li>
<li>
<div class="boxall" style="height:4.8rem">
<div class="alltitle">点位浓度分析</div>
<ul class="gnlb">
<li><span>月平均浓度<em>0.035 mg/L</em></span></li>
<li><span>日平均浓度<em>0.036 mg/L</em></span></li>
<li><span>年平均浓度<em>0.021 mg/L</em></span></li>
</ul>
<p class="pth"> <span>序号</span> <span>点位</span> <span>当前水质</span> <span>浓度(mg/L)</span> </p>
<div class="wrap">
<ul>
<li>
<p> <span><i>1</i></span> <span>新店</span> <span>I类</span> <span>0.0192</span> </p>
</li>
<li>
<p> <span><i>2</i></span> <span>蒲山</span> <span>I类</span> <span>0.0331</span> </p>
</li>
<li>
<p> <span><i>3</i></span> <span>茶庵</span> <span>II类</span> <span>0.0232</span> </p>
</li>
<li>
<p> <span><i>4</i></span> <span>溧河</span> <span>III类</span> <span>0.0232</span> </p>
</li>
<li>
<p> <span><i>5</i></span> <span>黄台岗</span> <span>I类</span> <span>0.0452</span> </p>
</li>
</ul>
</div>
<div class="boxfoot"></div>
</div>
<div class="boxall" style="height: 4.8rem">
<div class="alltitle">边界条件详情</div>
<div class="allnav" id="echart4"></div>
<div class="boxfoot"></div>
</div>
</li>
</ul>
</div>
<div class="back"></div>
<!-- <script type="text/javascript" src="js/area_echarts.js"></script> -->
</body>
<script>
$(function(){
$('.wrap').liMarquee({
direction: 'up',//身上滚动
runshort: false,//内容不足时不滚动
scrollamount: 20//速度
});
});
</script>
</html>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。