6 Star 1 Fork 0

sun先森 / 大型仪器HTML

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
new_page.html 8.72 KB
一键复制 编辑 原始数据 按行查看 历史
sun先森 提交于 2018-06-01 15:03 . 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="中国领先的科研仪器共享平台,让您快速找到各种类型的科学研究仪器。提升闲置仪器利用率,产生更大科研价值。涵盖:生命科学仪器、环境检测仪器、实验常用设备、分析仪器、仪表、物性测试、测量/计量仪器、在线及过程控制仪器。
">
<link rel="stylesheet" href="new_css/header_footer.css?t=1">
<link rel="stylesheet" href="new_css/publishService.css">
<link rel="stylesheet" href="css/new_style.css">
<style type="text/css">
.sun_item {
width: 1000px;
height: 200px;
padding-left: 0px;
overflow: hidden;
}
.sun_item>.sun_item_div2 {
display: inline-block;
float: left;
width: 992px;
height: 175px;
border: 1px solid rgb(221,221,221);
padding: 0 60px;
}
.mainList .content .right ul {
padding: 0px;
overflow: hidden;
width: 100%;
}
.item_1{
padding: 20px;
border:1px solid #CCCCCC;
}
.mainList .content .right ul li {
margin-bottom: 0px;
}
.item_1>ul>li{
margin-bottom:8px!important;
}
.mainList .content {
width: 100%;
overflow: hidden;
height: auto;
}
.mainList .content .right {
width: 1200px;
float: right;
height: 100%;
padding: 0px;
border: 1px solid #d3d3d3;
}
</style>
<script src="new_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();
});
$('#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>
</head>
<body style="background:#fff;">
<div id="front_header">
<div class="header_wrap">
<div class="fl left">
<img src="images/home.png" />
<span>欢迎访问仪器共享平台</span>
</div>
<div class="fr right">
<div class="main">
<div class="user_pic fl"><img src="images/user.png" /></div>
<div class='user_name fl'>一日一记忆</div>
<div class='icon fl'><img src="images/icon1.png" /></div>
</div>
<div class="out">
<div class="user_center">
<a href="javascript:void(0)">用户中心</a>
</div>
<div class="log_out">
<a href="#this">退出登录</a>
</div>
<div class="tri"><img src="images/icon9.png" /></div>
</div>
</div>
</div>
</div>
<div class="" id="nav_top">
<div class="container">
<div class="fl">
<div class="logo ">
<a href="/"><img src="images/logo.png" alt=""></a>
</div>
<div class="web_name">
<!--<img src="images/icon3.png" />-->
<p>仪器管理</p>
</div>
</div>
</div>
</div>
<div class="tab_top" style="display:none;">
<div class="tab_top_content">
<div class="item1 "><a href="#this">仪器管理与分布 <img src="images/insUser_icon.png" /></a></div>
<div class="item2 ">
<a href="#this">预约订单管理</a>
</div>
<div class="item2 selected">
<a href="#this">实验订单管理</a>
</div>
</div>
</div>
<div class="mainList">
<div class="bNav">您的位置:用户中心》<span>订单详情</span></div>
<div class="content">
<div class="right">
<div class="title"><span>订单详情</span></div>
<div class="tab_title" style="margin-top: 20px;"><span >仪器名称</span></div>
<ul>
<!--<li>
<label>使用时间</label>
<input type="text" name="" id="" value="" />
</li>-->
<li class="sun_item">
<div class="sun_item_div2">
<div class="sun_item_img">
<img src="images/productDetailPic.png" />
</div>
<div class="item_box">
<br />
<p>高内涵筛选系统</p>
<br />
<p>opertter</p>
<br />
<div><span style="color: #ED1717;">¥500元/天</span></div>
</div>
</div>
</li>
<div class="tab_title"><span>预约信息</span></div>
<!--<li class="sun_item2">
<div>
<div class="sun_item2_row"></div>
<div class="sun_item2_row2">
</div>
<textarea></textarea>
</div>
</li>-->
<!--<li class="item2">
<label>添加图片</label>
<div class="addPic">
<div class="pic">
<img src="images/addPIC.png"/>
<img src="images/delete.png" class='delete'/>
</div>
<div class="fill">
<label for="fillPic"><img src="images/add.png"/></label>
<input type="file" name="" id="fillPic" value="" />
</div>
</div>
</li>-->
<li class="item_1">
<ul>
<li><span>课程名称:账上</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>测试样品:账上进化</span></li>
<li>预约时间:2018-5-31 12:30&nbsp;&nbsp;&nbsp;&nbsp;2018-5-31 12:30</li>
<li>备注:有可能会延迟</li>
</ul>
</li>
<div class="tab_title"><span>联系人信息</span></div>
<li class="item_1">
<ul>
<li><span>联系人名称:账上</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>所属机构:账上进化</span></li>
<li><span>联系人电话:1014997739</span>&nbsp;&nbsp;&nbsp;&nbsp;<span>邮箱:1014997739@qq。com</span></li>
</ul>
</li>
<div class="tab_title"><span>订单信息</span></div>
<li class="item_1">
<ul>
<li><span>订单编号1014997739</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>付款时间:2018-5-31 12:30</span></li>
<li><span>联系人电话:</span>&nbsp;&nbsp;&nbsp;&nbsp;<span>邮箱:1014997739@qq。com</span></li>
</ul>
</li>
<!--<li class="item12">
<label></label>
<table>
<tr>
<th>序号</th>
<th>测试内容</th>
<th>数量</th>
<th>预算费用</th>
<th>样品描述与测试要求</th>
</tr>
<tr>
<td>1</td>
<td>元素测定</td>
<td>1</td>
<td>150</td>
<td></td>
</tr>
<tr>
<td>2</td>
<td>元素测定</td>
<td>1</td>
<td>150</td>
<td></td>
</tr>
</table>
</li>
-->
</ul>
<!--<button ><a href="lab_order_wait9.html" style="color: white;">待支付</a></button>-->
</div>
</div>
<div class="chen_button">
<a class="chen_button_a">支付</a>
</div>
<div class="pageButton"></div>
<!--找个分页插件插入-->
</div>
<div id="footer">
© 2015-2020 科研仪器 版权所有 技术支持:科研仪器共享平台 支持电话:010-123658987 拷贝
</div>
<script src="js/jquery-1.11.3.js"></script>
<script>
$(function () {
var wjx_k = "";
var wjx_s = "";
//prevAll获取元素前面的兄弟节点,nextAll获取元素后面的所有兄弟节点
//end 方法;返回上一层
//siblings 其它的兄弟节点
//绑定事件
$(".comment li").on("mouseenter", function () {
$(this).html(wjx_s).prevAll().html(wjx_s).end().nextAll().html(wjx_k);
}).on("click", function () {
$(this).addClass("active").siblings().removeClass("active")
});
$(".comment").on("mouseleave", function () {
$(".comment li").html(wjx_k);
$(".active").text(wjx_s).prevAll().text(wjx_s);
})
});
</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