<!DOCTYPE html>
<!-- saved from url=(0047)http://yuanbaoshuju.com/bigscreen/33/index.html -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta name="format-detection" content="telephone=no">
<meta name="description" content="Violate Responsive Admin Template">
<meta name="keywords" content="Super Admin, Admin, Template, Bootstrap">
<title>移动能耗管理平台响应式网站后台模板</title>
<meta name="description" content="">
<meta name="keywords" content="炫酷,响应式,能耗管理,后台管理,网站模板,全套下载">
<meta name="author" content="js代码">
<meta name="Copyright" content="js代码">
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="./移动能耗管理平台响应式网站后台模板_files/bootstrap-3.3.4.css">
<link rel="stylesheet" type="text/css" href="./移动能耗管理平台响应式网站后台模板_files/font-awesome.4.6.0.css">
<link href="./移动能耗管理平台响应式网站后台模板_files/animate.min.css" rel="stylesheet">
<link href="./移动能耗管理平台响应式网站后台模板_files/form.css" rel="stylesheet">
<link href="./移动能耗管理平台响应式网站后台模板_files/calendar.css" rel="stylesheet">
<link href="./移动能耗管理平台响应式网站后台模板_files/media-player.css" rel="stylesheet">
<link href="./移动能耗管理平台响应式网站后台模板_files/style.css" rel="stylesheet">
<link href="./移动能耗管理平台响应式网站后台模板_files/icons.css" rel="stylesheet">
<link href="./移动能耗管理平台响应式网站后台模板_files/generics.css" rel="stylesheet">
<!--<link rel="stylesheet" href="css/reset.css">-->
<link rel="stylesheet" href="./移动能耗管理平台响应式网站后台模板_files/jquery.hotspot.css">
<style type="text/css">
.r_out {width:120px; height:120px; border:2px solid #d9d9d9; background:#fff; box-shadow:3px 3px 5px #bfbfbf; -webkit-box-shadow:3px 3px 5px #bfbfbf; -moz-box-shadow:3px 3px 5px #bfbfbf; -ms-box-shadow:3px 3px 5px #bfbfbf; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms_border-radius:50%; display:inline-block; margin-right:90px; position:relative;}
.r_out p {position:absolute; /**bottom:-50px;*/ color:#fff; text-align:center; margin:0 auto; width:100%; font-size:14px; line-height:1.5; font-weight:bold;}
.r_in {width:120px; height:120px; border:10px solid #fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms_border-radius:50%; overflow:hidden; position:relative;}
.r_c {width:120px; height:120px; position:absolute; bottom:0; left:0; height:0;}
.c1 {background:#fbad4c;}
.c2 {background:#fff143;}
.c3 {background:#c9dd22;}
.c4 {background:#00e079;}
.c5 {background:#0eb83a;}
.r_num {color:#404040; font-size:23px; line-height:1.5; font-weight:bold; position:absolute; top:50%; margin-top:-25px; text-align:center; width:100%;}
</style><style type="text/css"></style><style type="text/css">.jqstooltip { position: absolute;left: 0px;top: 0px;visibility: hidden;background: rgb(0, 0, 0) transparent;background-color: rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";color: white;font: 10px arial, san serif;text-align: left;white-space: nowrap;padding: 5px;border: 1px solid white;z-index: 10000;}.jqsfield { color: white;font: 10px arial, san serif;text-align: left;}</style></head>
<body id="skin-blur-blue" style="">
<header id="header" class="media">
<a href="http://yuanbaoshuju.com/bigscreen/33/index.html" id="menu-toggle"></a>
<a class="logo pull-left" href="http://yuanbaoshuju.com/bigscreen/33/index.html" style="width: 233px">移动能效管理平台</a>
<div class="media-body">
<div class="media" id="top-menu">
<div class="pull-left tm-icon">
<a data-drawer="messages" class="drawer-toggle" href="http://yuanbaoshuju.com/bigscreen/33/index.html">
<i class="sa-top-message"></i>
<i class="n-count animated">5</i>
<span>实时消息</span>
</a>
</div>
<div class="pull-left tm-icon">
<a data-drawer="notifications" class="drawer-toggle" href="http://yuanbaoshuju.com/bigscreen/33/index.html">
<i class="sa-top-updates"></i>
<i class="n-count animated">9</i>
<span>告警信息</span>
</a>
</div>
<div id="time" class="pull-right">
<span id="hours">09</span>
:
<span id="min">33</span>
:
<span id="sec">42</span>
</div>
<div class="media-body">
<input type="text" class="main-search">
</div>
</div>
</div>
</header>
<div class="clearfix"></div>
<section id="main" class="p-relative" role="main"><a id="settings" href="http://yuanbaoshuju.com/bigscreen/33/index.html#changeSkin" data-toggle="modal"><i class="fa fa-gear"></i> Change Skin</a><div class="modal fade" id="changeSkin" tabindex="-1" role="dialog" aria-hidden="true"><div class="modal-dialog modal-lg"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button><h4 class="modal-title">Change Template Skin</h4></div><div class="modal-body"><div class="row template-skins"><a data-skin="skin-blur-violate" class="col-sm-2 col-xs-4" href="http://yuanbaoshuju.com/bigscreen/33/index.html"><img src="./移动能耗管理平台响应式网站后台模板_files/skin-violate.jpg" alt=""></a><a data-skin="skin-blur-lights" class="col-sm-2 col-xs-4" href="http://yuanbaoshuju.com/bigscreen/33/index.html"><img src="./移动能耗管理平台响应式网站后台模板_files/skin-lights.jpg" alt=""></a><a data-skin="skin-blur-city" class="col-sm-2 col-xs-4" href="http://yuanbaoshuju.com/bigscreen/33/index.html"><img src="./移动能耗管理平台响应式网站后台模板_files/skin-city.jpg" alt=""></a><a data-skin="skin-blur-greenish" class="col-sm-2 col-xs-4" href="http://yuanbaoshuju.com/bigscreen/33/index.html"><img src="./移动能耗管理平台响应式网站后台模板_files/skin-greenish.jpg" alt=""></a><a data-skin="skin-blur-night" class="col-sm-2 col-xs-4" href="http://yuanbaoshuju.com/bigscreen/33/index.html"><img src="./移动能耗管理平台响应式网站后台模板_files/skin-night.jpg" alt=""></a><a data-skin="skin-blur-blue" class="col-sm-2 col-xs-4" href="http://yuanbaoshuju.com/bigscreen/33/index.html"><img src="./移动能耗管理平台响应式网站后台模板_files/skin-blue.jpg" alt=""></a><a data-skin="skin-blur-sunny" class="col-sm-2 col-xs-4" href="http://yuanbaoshuju.com/bigscreen/33/index.html"><img src="./移动能耗管理平台响应式网站后台模板_files/skin-sunny.jpg" alt=""></a><a data-skin="skin-cloth" class="col-sm-2 col-xs-4" href="http://yuanbaoshuju.com/bigscreen/33/index.html"><img src="./移动能耗管理平台响应式网站后台模板_files/skin-cloth.jpg" alt=""></a><a data-skin="skin-tectile" class="col-sm-2 col-xs-4"
HTML+CSS+JS数据可视化大屏平台模板实例31-智慧能效管理通用模板
版权申诉
4星 · 超过85%的资源 177 浏览量
2022-03-25
09:37:17
上传
评论
收藏 1.03MB RAR 举报 
HTML+CSS+JS数据可视化大屏平台模板实例31-智慧能效管理通用模板.rar （64个子文件） 
HTML+CSS+JS数据可视化大屏平台模板实例31-智慧能效管理通用模板 
HTML+CSS+JS数据可视化大屏平台模板实例31-智慧能效管理通用模板.JPG 266KB 移动能耗管理平台响应式网站后台模板_files 
jquery.min.js 91KB modernizr.custom.49511.js 7KB bootstrap-3.3.4.css 277B jquery.hotspot.css 15KB jquery.hotspot.min.js 4KB icheck.js 4KB media-player-poster.jpg 19KB 2.jpg 20KB jquery.flot.js 119KB
5.png 3KB 1.jpg 18KB skin-ocean.jpg 28KB mapmaker.png 2KB media-player.css 20KB qinghai.png 23KB skin-lights.jpg 30KB skin-yellow.jpg 25KB font-awesome.4.6.0.css 283B skin-greenish.jpg 32KB 3.jpg 20KB animate.min.css 41KB
flashmediaelement.swf 28KB skin-cloth.jpg 30KB skin-sunny.jpg 37KB skin-kiwi.jpg 25KB bootstrap.min.js 35KB 1.png 3KB usa.js 112KB jquery.flot.time.js 11KB skin-violate.jpg 35KB charts.js 28KB jquery-1.10.2.js 318B skin-city.jpg 42KB jvectormap.min.js 33KB 4.jpg 19KB media-player.min.js 67KB Nova4.png 47KB jquery.flot.animator.min.js 3KB skin-sunset.jpg 29KB generics.css 3KB skin-night.jpg 35KB jquery-ui.min.js 235KB scroll.min.js 57KB easypiechart.js 8KB jquery.flot.resize.min.js 2KB jquery-ui-1.11.0.js 291B bootstrap-3.3.4.js 313B 6.png 3KB 2.png 3KB sparkline.min.js 43KB 4.png 3KB form.css 41KB jquery.easing.1.3.js 8KB skin-chrome.jpg 20KB skin-tectile.jpg 48KB calendar.min.js 49KB functions.js 20KB style.css 45KB icons.css 9KB calendar.css 7KB skin-blue.jpg 27KB 3.png 3KB
移动能耗管理平台响应式网站后台模板.html 122KB资源评论
老衲是和尚2024-03-13不行啊很乱
π3.142024-01-23界面做的比较乱
ZTaiwei2022-07-25资源不错，对我启发很大，获得了新的灵感，受益匪浅。- wj7802012022-12-13资源很实用，内容详细，值得借鉴的内容很多，感谢分享。
