6 Star 1 Fork 0

sun先森 / 大型仪器HTML

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
new_file30.html 17.61 KB
一键复制 编辑 原始数据 按行查看 历史
wangProgrammer 提交于 2018-09-06 15:02 . no commit message
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596
<!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="中国领先的科研仪器共享平台,让您快速找到各种类型的科学研究仪器。提升闲置仪器利用率,产生更大科研价值。涵盖:生命科学仪器、环境检测仪器、实验常用设备、分析仪器、仪表、物性测试、测量/计量仪器、在线及过程控制仪器。
">
<!--<link rel="stylesheet" href="new_css/header_footer.css?t=1">-->
<link rel="stylesheet" href="new_css/publishInstrument.css">
<link rel="stylesheet" href="new_css/userCenter.css">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/common.css">
<style>
.header-search-lef .shopping-Mall .logo-mall {
margin-top: 34px;
}
.logo-mall.instrument-management{
width:74px;
height:24px;
background:rgba(237,23,23,1);
border-radius:2px;
line-height: 20px;
text-align: center;
}
.logo-mall.instrument-management a{
font-size: 14px;
color: #fff;
}
</style>
<style>
.mainList .content {
width: 100%;
display: inline-block;
height: 1079px;
}
</style>
<script src="js/jquery-1.11.3.js"></script>
<script>
$(function() {
$('#front_header .header_wrap .right').hover(function() {
$('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon2.png');
$('#front_header .header_wrap .right .out').show();
}, function() {
$('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon1.png');
$('#front_header .header_wrap .right .out').hide();
});
//-----
$("#item2").mouseover(function(){
$(".item2_ul").css("display","block");
});
$("#item2").mouseout(function(){
$(".item2_ul").css("display","none");
});
//----
// $('#item2').on('mouseover',function() {
// console.log("111111");
// $('#item2_ul').css('display','block');
// }
// $('#item2').on('mouseout',function() {
// $('#item2_ul').css('display', 'none');
// }
$('#sorts').on('mouseover', 'li', function() {
$(this).find('span img').attr('src', 'images/icon4.png');
});
$('#sorts').on('mouseout', 'li', function() {
$(this).find('span img').attr('src', 'images/icon5.png');
});
$('.mainList .content .left li').click(function(){
$(this).addClass('selected').siblings().removeClass('selected');
});
});
</script>
<script>
$(function() {
$('#front_header .header_wrap .right').hover(function() {
$('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon2.png');
$('#front_header .header_wrap .right .out').show();
}, function() {
$('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon1.png');
$('#front_header .header_wrap .right .out').hide();
});
$('#sorts').on('mouseover', 'li', function() {
$(this).find('span img').attr('src', 'images/icon4.png');
});
$('#sorts').on('mouseout', 'li', function() {
$(this).find('span img').attr('src', 'images/icon5.png');
});
$('.mainList .content .left li').click(function() {
$('.mainList .content .left li').removeClass('selected');
$(this).addClass('selected');
});
$('.mainList .content .left .list_header').click(function() {
if($('.mainList .content .left .secendList').is(':hidden')) {
$('.mainList .content .left .secendList').slideDown();
$('.mainList .content .left .list_header img').attr("src", "images/insUser_icon.png");
} else {
$('.mainList .content .left .secendList').slideUp();
$('.mainList .content .left .list_header img').attr("src", "images/icon4.png");
};
});
$('.mainList .content .left .list_header1').click(function() {
if($('.mainList .content .left .secendList1').is(':hidden')) {
$('.mainList .content .left .secendList1').slideDown();
$('.mainList .content .left .list_header1 img').attr("src", "images/insUser_icon.png");
} else {
$('.mainList .content .left .secendList1').slideUp();
$('.mainList .content .left .list_header1 img').attr("src", "images/icon4.png");
};
});
});
</script>
<script>
$(function() {
$('#front_header .header_wrap .right').hover(function() {
$('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon2.png');
$('#front_header .header_wrap .right .out').show();
}, function() {
$('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon1.png');
$('#front_header .header_wrap .right .out').hide();
});
$('#sorts').on('mouseover', 'li', function() {
$(this).find('span img').attr('src', 'images/icon4.png');
});
$('#sorts').on('mouseout', 'li', function() {
$(this).find('span img').attr('src', 'images/icon5.png');
});
$('.mainList .content .left li').click(function() {
$(this).addClass('selected').siblings().removeClass('selected');
});
// $(".mainList .content .right table td input").each(function(){
// var index=$(this).parents('tr').index();
// $(this).attr('id','select'+index);
// $(this).siblings('label').attr('for','select'+index);
// });
$(".mainList .content .right table td label").click(function() {
if($(this).siblings('input').is(':checked')){
$(this).find('img').attr('src','images/icon35.png');
$(this).siblings('input').prop('checked',false);
}else{
$(this).find('img').attr('src','images/icon36.png');
$(this).siblings('input').prop('checked',true);
};
});
});
</script>
</head>
<body style="background:#fff;">
<!--header-->
<header>
<!--Top head navigation bgc-->
<div class="top-nav-bgc">
<!--Top head navigation-->
<div class="top-nav">
<!--left-->
<div class="top-nav-left fl">
<!--img-->
<img src="images/home.png">
<!--companyName-->
<span><a href="index">观迎访问仪器共享平台</a></span>
</div>
<!--right-->
<div class="top-nav-right fr" >
<!--username-info-->
<div class="username-info">
<!--userImg-->
<div class="userImg fl">
<img src="images/user.png">
</div>
<!--username-->
<div class="username fl">
<ul>
<li id="username" >
<a onclick="userImg();" href="">itwangyang@foxmail.com</a>
<img id="userImg" src="images/icon1.png">
</li>
</ul>
<ul class="dropdown-nav" id="dropdown-nav" style="display: none">
<!--<img src="images/icon9.png">-->
<li>
<a class="active" href="">用户中心</a>
</li>
<li>
<a href="">退出登录</a>
</li>
</ul>
</div>
<!--selectNav-->
<!--<div class="icon-img fl">-->
<!--<img src="images/icon1.png">-->
<!--</div>-->
</div>
</div>
</div>
</div>
<!--header search-->
<div class="header-search clearfix">
<!--left-->
<div class="header-search-lef fl">
<div class="logo-name fl" ><a href="index">科研仪器共享平台</a> </div>
<div class="shopping-Mall fl">
<div class="logo-mall instrument-management">
<a href="">机构用户</a>
</div>
</div>
</div>
<!--right-->
</div>
</header>
<div class="mainList">
<div class="content">
<div class="left">
<div class="title">仪器管理</div>
<!--<div class="list_header">全部订单<img src="images/usercenter_icon.png" /></div>-->
<!--<div class="sun_title ">已回复</div>-->
<!--<div class="sun_title activity">未回复</div>-->
<ul class="secendList1">
<li>仪器管理人员维护</li>
<li>仪器发布查询 </li>
</ul>
<ul>
<li class="list_header">统计分析<img src="images/insUser_icon.png" /></li>
</ul>
<ul class="secendList" id="secendList">
<li>仪器使用情况分析</li>
<li>月度经营收入分析</li>
<li>预约处理效率分析</li>
<li>违约率统计分析</li>
<li>用户评价统计分析</li>
</ul>
<!--<script type="text/javascript">-->
<!--window.onload = function(){-->
<!--var secendList = document.getElementById("secendList");-->
<!--secendList.onclick = function(event){-->
<!--event.preventDefault();-->
<!--console.log(event.target.innerText);-->
<!--console.log(event.target.nodeName);-->
<!--}-->
<!--}-->
<!--</script>-->
<script>
var ul = document.getElementById('secendList');
var lis = ul.getElementsByTagName('li');
for(var i=0;i<lis.length;i++){
lis[i].onclick = function(){
document.getElementById("span1").innerHTML = this.innerHTML;
}
}
</script>
</div>
<style>
.mainList .content .right{
padding-top: 18px;
}
.mainList .content .right .title .title_btn{
margin-top: -10px;
}
.search-input input#aiya{
width:208px;
height:46px;
border: 1px solid #D3D3D3;
border-radius: 0px;
}
.search-input input#wohenhou{
width:102px;
height:46px;
background:rgba(255,138,0,1);
color: #ffffff;
border-radius: 0px;
margin-left: -5px;
border: 1px solid rgba(255,138,0,1);
}
.select-download-nav{
margin-left: 20px;
}
.select-download-nav select#moni{
width:208px;
height:46px;
border: 1px solid #D3D3D3;
border-top-left-radius: 0px !important;
}
.select-download-nav input#bgf{
width:102px;
height:46px;
background:rgba(255,138,0,1);
color: #ffffff;
border-radius: 0px;
margin-left: -9px;
border: 1px solid rgba(255,138,0,1);
}
</style>
<div class="right">
<div class="title">
<span id="span1">发布仪器</span>
<div class="title_btn">
<div class="search-input fl">
<input id="aiya" type="text">
<input id="wohenhou" type="submit" value="搜索">
</div>
<div class="select-download-nav fl">
<select id="moni">
<option>buycsbv</option>
</select>
<input id="bgf" type="submit" value="分配仪器">
</div>
</div>
</div>
<table>
<tr>
<th></th>
<th>序号</th>
<th>名称</th>
<th>价格</th>
<th>仪器负责人</th>
<th>发布状态</th>
<th>操作</th>
</tr>
<tr>
<td>
<input type="checkbox" name="" value="" />
<label><img src="images/icon35.png"/></label>
</td>
<td>23658974</td>
<td>生命科学仪器</td>
<td>100元/小时</td>
<td>张三</td>
<td>已发布</td>
<td>
<a href="#this">查看</a>
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="" value="" />
<label><img src="images/icon35.png"/></label>
</td>
<td>23658974</td>
<td>生命科学仪器</td>
<td>100元/小时</td>
<td>张三</td>
<td>已发布</td>
<td>
<a href="#this">查看</a>
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="" value="" />
<label><img src="images/icon35.png"/></label>
</td>
<td>23658974</td>
<td>生命科学仪器</td>
<td>100元/小时</td>
<td>张三</td>
<td>已发布</td>
<td>
<a href="#this">查看</a>
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="" value="" />
<label><img src="images/icon35.png"/></label>
</td>
<td>23658974</td>
<td>生命科学仪器</td>
<td>100元/小时</td>
<td>张三</td>
<td>已发布</td>
<td>
<a href="#this">查看</a>
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="" value="" />
<label><img src="images/icon35.png"/></label>
</td>
<td>23658974</td>
<td>生命科学仪器</td>
<td>100元/小时</td>
<td>张三</td>
<td>已发布</td>
<td>
<a href="#this">查看</a>
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="" value="" />
<label><img src="images/icon35.png"/></label>
</td>
<td>23658974</td>
<td>生命科学仪器</td>
<td>100元/小时</td>
<td>张三</td>
<td>已发布</td>
<td>
<a href="#this">查看</a>
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="" value="" />
<label><img src="images/icon35.png"/></label>
</td>
<td>23658974</td>
<td>生命科学仪器</td>
<td>100元/小时</td>
<td>张三</td>
<td>已发布</td>
<td>
<a href="#this">查看</a>
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="" value="" />
<label><img src="images/icon35.png"/></label>
</td>
<td>23658974</td>
<td>生命科学仪器</td>
<td>100元/小时</td>
<td>张三</td>
<td>已发布</td>
<td>
<a href="#this">查看</a>
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="" value="" />
<label><img src="images/icon35.png"/></label>
</td>
<td>23658974</td>
<td>生命科学仪器</td>
<td>100元/小时</td>
<td>张三</td>
<td>已发布</td>
<td>
<a href="#this">查看</a>
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="" value="" />
<label><img src="images/icon35.png"/></label>
</td>
<td>23658974</td>
<td>生命科学仪器</td>
<td>100元/小时</td>
<td>张三</td>
<td>已发布</td>
<td>
<a href="#this">查看</a>
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="" value="" />
<label><img src="images/icon35.png"/></label>
</td>
<td>23658974</td>
<td>生命科学仪器</td>
<td>100元/小时</td>
<td>张三</td>
<td>已发布</td>
<td>
<a href="#this">查看</a>
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="" value="" />
<label><img src="images/icon35.png"/></label>
</td>
<td>23658974</td>
<td>生命科学仪器</td>
<td>100元/小时</td>
<td>张三</td>
<td>已发布</td>
<td>
<a href="#this">查看</a>
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="" value="" />
<label><img src="images/icon35.png"/></label>
</td>
<td>23658974</td>
<td>生命科学仪器</td>
<td>100元/小时</td>
<td>张三</td>
<td>已发布</td>
<td>
<a href="#this">查看</a>
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="" value="" />
<label><img src="images/icon35.png"/></label>
</td>
<td>23658974</td>
<td>生命科学仪器</td>
<td>100元/小时</td>
<td>张三</td>
<td>已发布</td>
<td>
<a href="#this">查看</a>
</td>
</tr>
</table>
</div>
</div>
</div>
<!--page-->
<div class="myPage clearfix">
<!--currentpage="1" numbercount="100"-->
<ul class="page" maxshowpageitem="5" pagelistcount="10" id="page"></ul>
</div>
<!--footer-->
<footer>
<div class="foot clearfix">
<p>&copy; 2015-2020 科研仪器 版权所有 技术支持:科研仪器共享平台 支持电话:010-123658987 </p>
</div>
</footer>
<script src="js/jquery-1.11.3.js"></script>
<script src="js/common.js"></script>
<style type="text/css">
.mainList .content .right table {
margin-top: 14px;
width: 100%;
border-collapse: collapse;
border: 1px solid #d3d3d3;
height: 45px;
box-shadow: 0 0 10px 2px rgba(254,244,232,0.8);
}
tr {
/* width: 70px; */
height: 70px;
}
</style>
</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