4 Star 0 Fork 0

sun先森/科研成果

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
new_file12.html 11.57 KB
一键复制 编辑 原始数据 按行查看 历史
sun先森 提交于 2018-06-22 09:31 . 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/productDetail.css">
<link rel="stylesheet" href="css/new_style.css">
<link rel="stylesheet" href="js/layui/css/layui.css" media="all">
<style type="text/css">
.mainList .content .productInfo {
width: 100%;
border: 1px solid #d3d3d3;
padding: 15px;
height: 300px;
overflow: hidden;
}
.mainList .content .productInfo .left {
float: left;
height: 100%;
border: 1px solid #f4f4f4;
width: 274px;
text-align: center;
}
.mainList .content .userEvaluation {
margin-top: 10px;
border: 1px solid #d3d3d3;
width: 100%;
padding: 0px;
}
.mainList .content .userEvaluation .box .tabView li {
padding: 18px 0;
width: 100%;
border-bottom: none;
}
</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');
});
//--------
$(".tab_span1").click(function(){
$(this).addClass('selected').siblings().removeClass('selected');
$("#tabView1").css("display","block");
$("#tabView2").css("display","none");
});
$(".tab_span2").click(function(){
$(this).addClass('selected').siblings().removeClass('selected');
$("#tabView2").css("display","block");
$("#tabView1").css("display","none");
});
});
</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="/" style="font-size: 30px;color: rgb(255,138,0);">科研成果共享平台</a>
</div>
<!--<div class="web_name">
<img src="images/icon3.png" />
<p>yq.shang.com</p>
</div>-->
</div>
</div>
</div>
<!--<div class="announcement">
<p>公告:光谱仪目前在更换耗材不接受预约,明天恢复预约。2018-4-27</p>
</div>-->
<div class="mainList">
<div class="bNav">您的位置:首页》专家列表<span>专家详情</span></div>
<div class="content">
<div class='productInfo'>
<div class="left">
<div class="left_img" style="width: 100%;height: 100%;">
<img src="image/sy_fl2.png" />
</div>
<!--轮播图插件-->
</div>
<div class="right">
<div class="row row1">全功能紫外-可见-近红外荧光光谱仪 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>研究员/副院长</span></div>
<div class="row row3">仪器型号:<span>23658</span></div>
<div class="row">仪器产地:<span>北京</span></div>
<div class="row row9">
<div class="btn"><a style="background-color: rgb(6,185,254);margin-right: 20px;" href="lab_order_submit8.html">联系方式</a></div>
<div class="btn"><a href="lab_order_submit8.html">立即申请</a></div>
<!-- <div class="price">价格:<span>100元/样品</span></div>-->
</div>
</div>
</div>
<div class="userEvaluation">
<div class="box">
<div class='tabView sun_tabView ' id="tabView1">
<!------------------------>
<ul>
<li>
<div style="border-left: 2px solid rgb(255,138,0);"><a class="str_a">仪器介绍:</a></div>
<div style="padding-left: 10px; padding-top: 20px;"><p>仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍
仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍
仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍
仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍
仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍
仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍</p></div>
</li>
<li>
<div style="border-left: 2px solid rgb(255,138,0);"><a class="str_a">仪器介绍:</a></div>
<div style="padding-left: 10px; padding-top: 20px;"><p>仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍
仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍
仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍
仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍
仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍
仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍</p></div>
</li>
<li>
<div style="border-left: 2px solid rgb(255,138,0);"><a class="str_a">仪器介绍:</a></div>
<div style="padding-left: 10px; padding-top: 20px;"><p>仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍
仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍
仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍
仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍
仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍
仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍</p></div>
</li>
<li>
<div style="border-left: 2px solid rgb(255,138,0);"><a class="str_a">仪器介绍:</a></div>
<div style="padding-left: 10px; padding-top: 20px;"><p>仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍
仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍
仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍
仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍
仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍
仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍</p></div>
</li>
</ul>
<!------------------------>
<!------------------------>
</div>
<div class='tabView' id="tabView2" style="display: none;" >
<ul>
<li>
<div class="fontInfo">
<div class="left">仪器特别好用,服务态度也很好 仪器特别好用,服务态度也很好仪器特别好用,服务态度也很好服务态度也很好</div>
<div class="right">一日***记忆<span>(匿名)</span></div>
</div>
<div class="pic">
<img src="images/productDetailPic.png"/>
<img src="images/productDetailPic.png"/>
</div>
<div class="replay">
<div class='left'>回复:<span>谢谢您的支持!</span></div>
<div class='right'>负责人:张三</div>
</div>
</li>
<li>
<div class="fontInfo">
<div class="left">仪器特别好用,服务态度也很好 仪器特别好用,服务态度也很好仪器特别好用,服务态度也很好服务态度也很好</div>
<div class="right">一日***记忆<span>(匿名)</span></div>
</div>
<div class="pic">
<img src="images/productDetailPic.png"/>
<img src="images/productDetailPic.png"/>
</div>
<div class="replay">
<div class='left'>回复:<span>谢谢您的支持!</span></div>
<div class='right'>负责人:张三</div>
</div>
</li>
<li>
<div class="fontInfo">
<div class="left">仪器特别好用,服务态度也很好 仪器特别好用,服务态度也很好仪器特别好用,服务态度也很好服务态度也很好</div>
<div class="right">一日***记忆<span>(匿名)</span></div>
</div>
<div class="pic">
<img src="images/productDetailPic.png"/>
<img src="images/productDetailPic.png"/>
</div>
<div class="replay">
<div class='left'>回复:<span>谢谢您的支持!</span></div>
<div class='right'>负责人:张三</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="pageButton"></div>
<!--找个分页插件插入-->
</div>
<div id="footer">
© 2015-2020 科研仪器 版权所有 技术支持:科研仪器共享平台 支持电话:010-123658987 拷贝
</div>
<script src="js/layui/layui.js"></script>
<script>
layui.use('carousel', function(){
var carousel = layui.carousel;
//建造实例
carousel.render({
elem: '#test1'
,width: '100%' //设置容器宽度
,arrow: 'always' //始终显示箭头
//,anim: 'updown' //切换动画方式
});
});
</script>
<script>
</script>
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/sunjiandu/keyanchengguo.git
git@gitee.com:sunjiandu/keyanchengguo.git
sunjiandu
keyanchengguo
科研成果
master

搜索帮助