6 Star 1 Fork 0

sun先森 / 大型仪器HTML

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
sun_jigou_index.html 14.61 KB
一键复制 编辑 原始数据 按行查看 历史
sun先森 提交于 2018-05-14 22:01 . no commit message
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>仪器共享</title>
<meta name="keywords" content="科研仪器,生命科学仪器,环境检测仪器,实验常用设备,分析仪器">
<meta name="description" content="中国领先的科研仪器共享平台,让您快速找到各种类型的科学研究仪器。提升闲置仪器利用率,产生更大科研价值。涵盖:生命科学仪器、环境检测仪器、实验常用设备、分析仪器、仪表、物性测试、测量/计量仪器、在线及过程控制仪器。
">
<!-- 引入 Bootstrap 的 CSS 文件 -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/index.css?t=201711101207">
<link rel="stylesheet" type="text/css" href="css/owl.carousel.css" />
<link rel="stylesheet" type="text/css" href="css/login.css" />
<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link href="css/sun_jigou.css" rel="stylesheet">
<!--new-->
<link rel="stylesheet" href="css/new_css/bootstrap.min.css">
<link rel="stylesheet" href="css/new_css/font-awesome.min.css">
<link rel="stylesheet" href="css/new_css/ace.min.css">
<link rel="stylesheet" href=" css/new_css/jquery-ui-1.10.3.full.min.css">
<link rel="stylesheet" href=" css/new_css/amazeui.min.css">
<link rel="stylesheet" href=" css/new_css/admin.css">
<link rel="stylesheet" href=" css/new_css/app.css">
<link rel="stylesheet" href=" css/new_css/sensor.css">
<link rel="stylesheet" href=" css/new_css/bootstrap-datetimepicker.min.css">
<!--bootstrap日期时间end -->
<link rel="stylesheet" href="css/new_css/zTreeStyle.css">
<link type="text/css" rel="stylesheet" href="css/new_css/tab-control.min.css">
<style type="text/css">
.sun_div{
background-color: rgb(241,246,252);
}
.check_system{
line-height: 62px;
height: 62px;
}
.sun_ul{
border-top: 5px solid #0083E7;
}
.admin-side-toggle, .admin-side-full {
position: absolute;
cursor: pointer;
z-index: 19940201;
left: 200px;
color: white;
text-align: center;
width: 30px;
height: 30px;
background-color: rgb(0,131,213);
line-height: 30px;
top: 25%;
border-radius: 50%;
}
.sun_icon .left img,.sun_icon .right img{
width: 25px;
height: 25px;
}
.sun_icon .left{
margin-right: 10px;
}
.reset .container{
border:none;
padding-top:0px;
}
.div_menu{
border-bottom:2px solid rgb(240,240,240);
border-right:2px solid rgb(240,240,240);
border-left:2px solid rgb(240,240,240);
}
/*.sun_blue{
border-top: 5px solid rgb(1,129,213);
}*/
</style>
<script src="js/new_js/jquery-2.0.3.min.js"></script>
<script src="js/new_js/jquery.tips.js"></script>
<script src="js/new_js/jquery-ui-1.10.3.full.min.js"></script>
<script src="js/new_js/jquery.md5.js"></script>
<script src="js/new_js/amazeui.min.js"></script>
<script src="js/new_js/jy.main.js"></script>
<!--bootstrap日期时间start -->
<script src="js/new_js/bootstrap-datetimepicker.min.js"></script>
<!-- 字体插件(默认英文) 可全部引入-->
<script src="js/new_js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
<script type="text/javascript" src="js/new_js/jquery.ztree.core-3.5.min.js"></script>
<script type="text/javascript" src="js/new_js/jquery.ztree.excheck-3.5.js"></script>
<!---------->
<script src="js/jquery-1.11.3.js"></script>
<!-- 引入 Bootstrap 的 JS 文件 -->
<script src="js/bootstrap.min.js"></script>
<!--[if lt IE 9]><![endif]-->
<script src="js/html5shiv.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/page.js"></script>
<script src="js/respond.min.js"></script>
<script src="js/baidu.js"></script>
<script>
$(function() {
$('.content .container .box .tab li').click(function() {
$(this).addClass('selected').siblings().removeClass('selected');
$('.content .container .box .form li').eq($(this).index()).show().siblings().hide();
});
});
</script>
</head>
<body>
<link rel="stylesheet" href="css/header_footer.css?t=1">
<link rel="stylesheet" href="css/sunstyle.css">
<div id="front_header" class="header">
<div class="header_wrap">
<div class="fl left">
<img src="images/home.png" />
<span>欢迎访问仪器共享平台</span>
</div>
<div class="fr right">
<a href="#this">登录</a>
<a href="#this" class="color">注册</a>
</div>
</div>
</div>
<div class="nav" id="nav_top">
<div class="container">
<div class="fl">
<div class="logo ">
<a href="/"><img src="images/logo.png" alt=""></a>
</div>
<div class="sun_web_name">
机构用户
</div>
</div>
</div>
</div>
<div class="reset">
<div class="container">
<!--内容容器-->
<div>
<!--菜单 -->
<div class="tpl-left-nav tpl-left-nav-hover div_menu">
<div class="tpl-left-nav-title check_system">机构用户</div>
<div class="tpl-left-nav-list">
<ul class="tpl-left-nav-menu" id="menu_li_id">
<li id="menu1" class="tpl-left-nav-item"><a href="javascript:;" class="nav-link tpl-left-nav-link-list"><i class="icon-cog"></i><span>仪器管理人员维护</span> <i class="am-icon-angle-right tpl-left-nav-more-ico am-fr am-margin-right tpl-left-nav-more-ico-rotate"></i> </a>
<ul class="tpl-left-nav-sub-menu" style="display: block;">
<li><a href="javascript:;" onclick="openMenu('1','menu4','menu1','菜单管理','user.html')" class=""><i class="icon-th-large"></i><span>菜单管理</span></a>
<a href="javascript:;" onclick="openMenu('1','menu3','menu1','组织管理','org.html')" class=""><i class="icon-github-alt"></i><span>组织管理</span></a>
<a href="javascript:;" onclick="openMenu('1','menu2','menu1','用户管理','echart_bingtu.html')" class=""><i class="icon-group"></i><span>用户管理</span></a>
</li>
</ul>
</li>
<li id="menu1f1cf87278c64713b181c2bac600a07a" class="tpl-left-nav-item"><a href="javascript:;" class="nav-link tpl-left-nav-link-list"><i class="icon-list-alt"></i><span>仪器发布查询</span> <i class="am-icon-angle-right tpl-left-nav-more-ico am-fr am-margin-right tpl-left-nav-more-ico-rotate"></i> </a>
<ul class="tpl-left-nav-sub-menu" style="display: block;">
<li>
<a href="javascript:;" onclick="openMenu('1','menu808b2635826244ae9df5c7106093cc83','menu1f1cf87278c64713b181c2bac600a07a','监测配置','/backstage/structure/nodeList')" class=""><i class="icon-group "></i><span>监测配置</span></a>
<a href="javascript:;" onclick="openMenu('1','menuaaf1ad7f6ae14c88a2a35827f606a0d1','menu1f1cf87278c64713b181c2bac600a07a','实时总览','/backstage/structure/list')"><i class="icon-cogs "></i><span>总视图</span></a>
<a href="javascript:;" onclick="openMenu('1','menu07adcded8c664a1fa7523374ab212ac2','menu1f1cf87278c64713b181c2bac600a07a','实时数据','/backstage/sensor/index')"><i class="icon-bar-chart "></i><span>实时曲线</span></a>
<a href="javascript:;" onclick="openMenu('1','menu8df0c61f603046bd80f6d82a2b01f976','menu1f1cf87278c64713b181c2bac600a07a','历史曲线','/backstage/sensor/echarts')"><i class="icon-signal "></i><span>历史曲线</span></a>
<a href="javascript:;" onclick="openMenu('1','menub98693be95304d20874701bb2854818f','menu1f1cf87278c64713b181c2bac600a07a','历史数据','/backstage/sensor/list')"><i class="icon-list-alt "></i><span>历史数据</span></a>
<a href="javascript:;" onclick="openMenu('1','menubdcb1e5b4f4642bda3a78db3b18129d0','menu1f1cf87278c64713b181c2bac600a07a','告警管理','/backstage/alrm/index')"><i class="icon-bell-alt "></i><span>告警管理</span></a>
</li>
</ul>
</li>
<li id="menu5" class="tpl-left-nav-item">
<a href="javascript:;" class="nav-link tpl-left-nav-link-list"><i class="icon-linux"></i><span>统计分析</span> <i class="am-icon-angle-right tpl-left-nav-more-ico am-fr am-margin-right tpl-left-nav-more-ico-rotate"></i> </a>
<ul class="tpl-left-nav-sub-menu" style="display: block;">
<li>
<a href="javascript:;" onclick="openMenu('1','menu7c1741c605c148c29113ac804f68f52b','menu5','登录日志','login_log.html')"><i class="icon-eye-open "></i><span>登录日志</span></a>
<a href="javascript:;" onclick="openMenu('1','menu627fb61e9f8d46c98b366f4039c95489','menu5','操作日志','operation_log.html')"><i class="icon-th-large "></i><span>操作日志</span></a>
</li>
</ul>
</li>
<script> $('.tpl-left-nav-link-list').on('click', function() {$(this).siblings('.tpl-left-nav-sub-menu').slideToggle(80).end().find('.tpl-left-nav-more-ico').toggleClass('tpl-left-nav-more-ico-rotate');});</script>
</ul>
</div>
</div>
<!-- 主要界面 右边 -->
<div class="main-content tpl-content-wrapper" id="maincontent">
<div class="page-content ">
<div class="tab-control">
<div class="tab simple sun_blue">
<form>
<input class="prev" type="button">
<input class="next" type="button">
<input class="find" type="button">
</form>
<ul class="tabul sun_ul"></ul>
</div>
<!-- 标签查找 -->
<div class="tab-find hidden">
<form><input class="text" type="text"></form>
<ul></ul>
</div>
<div class="main">
<!-- 主体 -->
</div>
</div>
</div>
<div id="jyConfirm" class="hide">
<div class="center">
<h4><i class="icon-hand-right blue bigger-120"></i> <span id="jyConfirmStr"></span></h4>
</div>
</div>
<div id="jyInfo" class="hide">
<div class="center">
<h4><i class="icon-info-sign blue bigger-120"></i> <span id="jyInfoStr"></span></h4>
</div>
</div>
<div id="jyError" class="hide">
<div class="center">
<h4><i class="icon-warning-sign red bigger-120"></i> <span id="jyErrorStr"></span></h4>
</div>
</div>
<div id="jyLoading" class="hide">
<div class="center">
<h4><img alt="loading" src="<c:url value=" static="" images="" system="" loading.gif"="">"&gt;<span id="jyLoadingStr"></span></h4>
</div>
</div>
</div>
</div>
<!-------->
</div>
</div>
<div id="footer">
© 2015-2020 科研仪器 版权所有 技术支持:科研仪器共享平台 支持电话:010-123658987 拷贝
</div>
<!--new-->
<script src="js/new_js/tab-control.min.js"></script>
<script src="js/new_js/index.js"></script>
<!--new-->
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?9a7529b195e63ca5cf0016682ef0519e";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<style>
/*侧边栏的设计*/
#newBridge .icon-right-center {
right: 0 !important;
bottom: 285px !important;
height: 105px !important;
}
#newBridge .nb-icon-base .nb-icon-inner-wrap {
border-radius: 0 !important;
}
#sidebar {
position: fixed;
top: 50%;
right: 0px;
z-index: 2000;
width: auto;
margin-top: 63px;
}
#sidebar>div.aside {
float: right;
clear: both;
margin-bottom: 1px;
}
#sidebar>div>p {
color: #333;
width: 50px;
margin-right: 0;
position: relative;
z-index: 100;
height: 50px;
padding: 10px;
font-size: 14px;
letter-spacing: 1px;
line-height: 15px;
background: #eee;
cursor: pointer;
margin-bottom: 0;
}
#sidebar>div>a,
#sidebar>div>span {
color: #596b75;
display: inline-block;
width: 172px;
height: 50px;
padding: 10px;
font-size: 14px;
letter-spacing: 1px;
line-height: 30px;
cursor: pointer;
position: absolute;
padding-right: 0;
padding-left: 54px;
background: url(images/tel2.png) 12px 13px no-repeat;
background-color: #eeeeee;
left: 60px;
opacity: 0;
}
#sidebar>div>span:hover {
background-color: #eeeeee;
color: #fca947;
}
#sidebar>div>a.qq {
background: url(images/qq2.png) 12px 13px no-repeat;
background-color: #eeeeee;
}
#sidebar>div>a.vip {
background: url(images/vip-side2.png) 12px 13px no-repeat;
background-color: #eeeeee;
}
#sidebar>div>a.qq:hover {
background-color: #eeeeee;
text-decoration: none;
color: #fca947;
}
#sidebar>div>a.vip:hover {
background-color: #eeeeee;
text-decoration: none;
color: #fca947;
}
#sidebar>div>p.TOtop {
background: url(images/top_a.png) 12px no-repeat;
background-color: #eee;
}
#sidebar>div>p.TOtop:hover {
height: 50px;
background: url(images/top_b.png) 12px no-repeat;
background-color: #f60;
}
#sidebar>div>p.vip {
background: url(images/vip_service.png) no-repeat;
background-size: 100% 100%;
}
#sidebar>div>p.vip:hover {
background: url(images/vip-b.png) 12px no-repeat;
background-color: #f60;
color: #f60;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
#sidebar>div>p.aside {
background: url(images/fwrexian.png) no-repeat;
background-size: 100% 100%;
}
#sidebar>div>p.aside:hover {
background: url(images/tell-b.png) 12px no-repeat;
background-color: #f60;
color: #f60;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
</style>
<!--ayc:底部快速预约end-->
<script>
$(function() {
// 侧边栏的点击事件
$("#sidebar p").mouseover(function() {
$(this).siblings().animate({
left: "-172px",
opacity: 1
}, 500)
})
$("#sidebar div.aside").mouseleave(function(e) {
// alert(0)
$(this).find("p").siblings().animate({
left: "0px",
opacity: 0
}, 500)
})
$("p.TOtop").click(function() {
$('html,body').animate({
scrollTop: 0
}, 500)
})
})
</script>
<script src="js/index.js?t=201709201011"></script>
<script>
var html = new page();
html.menu();
html.bannerHeigth();
html.owl();
html.scrollEnetr();
</script>
</body>
</html>
1
https://gitee.com/sunjiandu/large_instrument_html.git
git@gitee.com:sunjiandu/large_instrument_html.git
sunjiandu
large_instrument_html
大型仪器HTML
master

搜索帮助

53164aa7 5694891 3bd8fe86 5694891