4 Star 0 Fork 0

sun先森/科研成果

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
new_file38-2.html 15.13 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 .userEvaluation{
position: relative;
}
.mainList .content .productInfo .right {
float: left;
height: 100%;
padding-left: 25px;
width: 100%;
}
.mainList .content .productInfo .right .row9 {
overflow: hidden;
margin-top: 50px;
text-align: center;
}
.mainList .content .productInfo .right .row9 .btn1 {
display: inline-block;
}
.mainList .content .productInfo .right .row9 .btn {
float: none;
}
.mainList .content .productInfo {
width: 100%;
border: 1px solid #d3d3d3;
padding: 0px;
padding-top:30px;
height: 240px;
overflow: hidden;
}
.mainList .content .productInfo .right .row1{
margin-bottom: 29px;
}
.mainList .content .productInfo .right .row2{
margin-bottom: 39px;
}
.mainList .content .userEvaluation .box{
overflow-y: scroll;
max-height: 700px;
}
.mainList .content .userEvaluation .box .tabView li .pic img {
height: 73px;
border: 1px solid #d3d3d3;
border-radius: 50%;
}
.li_input{
width: 100%;
height: 45px;
margin-top: 10px;
margin-bottom: 10px;
}
.li_input input{
width: 100%;
height: 45px;
border-radius: 4px;
}
.bottom_input{
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
padding: 5px 30px;
border:1px solid rgb(244,244,244);
background-color: white;
}
.bottom_input input{
width: 100%;
height: 45px;
border-radius: 4px;
background-color: rgb(244,244,244);
}
#tabView2{
padding-bottom: 60px;
}
.use_answer{
margin-top: 10px;
width: 100%;
height: 60px;
line-height: 60px;
border-top:1px solid #CCCCCC;
overflow: hidden;
}
.use_answer .answer_a{
margin-right: 34px;
margin-top: 10px;
float: right;
display: inline-block;
width: 120px;
height: 48px;
text-align: center;
color: rgb(255,138,0);
border: 1px solid #CCCCCC;
line-height: 48px;
border-radius: 5px;
}
#front_header .header_wrap .registeredLink {
float: right;
margin-left: 20px;
}
#front_header .header_wrap .header_title {
float: right;
margin-right: 20px;
}
</style>
<script src="new_js/jquery-1.11.3.js"></script>
<script>
$(function() {
$('ul #cancel_btn').click(function(){
$(this).parent().parent().parent().children('.li_input').toggle();
$(this).parent().parent().parent().children('.replay').toggle();
$(this).parent().parent().parent().children('.use_answer').toggle();
});
$('ul #right_a').click(function(){
$(this).parent().parent().siblings('.li_input').toggle();
$(this).parent().parent().siblings('.replay').toggle();
$(this).parent().parent().siblings('.use_answer').toggle();
});
$('#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");
$("#bottom_input").css("display","none");
});
$(".tab_span2").click(function(){
$(this).addClass('selected').siblings().removeClass('selected');
$("#tabView2").css("display","block");
$("#bottom_input").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="registeredLink">
<a href="#this">注册</a>
</div>
<div class="fr right">
<div class="main">
<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 class="header_title">海洋装备</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="mainList">
<div class="bNav">您的位置:需求发布》<span>难题详情</span></div>
<div class="content">
<!------------------------->
<!------------------------->
<div class='productInfo'>
<div class="right">
<div class="row row1">全功能紫外-可见-近红外荧光光谱仪</div>
<div class="row row2">需求简介:<span>北京全功能紫外-可见-近红外荧光光谱仪全功能紫外-可见-近红外荧光光谱仪全功能紫外-可见-近红外荧光光谱仪</span></div>
<div class="row row3">类型:<span>23658</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;行业类型:<span>23658</span></div>
</div>
</div>
<div class="userEvaluation">
<div class='tab'><span class="tab_span2 ">全部评论()条</span></div>
<div class="box">
<div class='tabView sun_tabView ' id="tabView1" style="padding: 25px;display: none;">
<h2 style="color: rgb(255,138,0);">难题简介</h3>
<br />
<h3>难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介难题简介</h4>
</div>
<div class='tabView' id="tabView2" >
<ul>
<li>
<div class="pic">
<img src="images/productDetailPic.png"/><span>xxxxxxxx</span>
</div>
<div class="fontInfo">
<div class="left">仪器特别好用,服务态度也很好 仪器特别好用,服务态度也很好仪器特别好用,服务态度也很好服务态度也很好</div>
</div>
<div class="fontInfo">
<div class="right">
<span style="color: black;margin-right: 40px;"><img src="image/fbxq_z.png">&nbsp;&nbsp;</span>
<span style="color: black;" id="right_a"><img src="image/fbxq_pl.png">&nbsp;&nbsp;评论</span>
</div>
</div>
<div class="li_input" style="display: none;">
<input type="text" />
</div>
<div class="replay" style="display: none;">
<!--<div class='left'>回复:<span>谢谢您的支持!</span></div>-->
<div class='right'>
<a style="margin-right: 20px;" id="cancel_btn">取消</a>
<a class="right_a" style="background-color: rgb(255,138,0);color: white;">发布评论</a></div>
</div>
</li>
<li>
<div class="pic">
<img src="images/productDetailPic.png"/><span>xxxxxxxx</span>
</div>
<div class="fontInfo">
<div class="left">仪器特别好用,服务态度也很好 仪器特别好用,服务态度也很好仪器特别好用,服务态度也很好服务态度也很好</div>
</div>
<div class="fontInfo">
<div class="right">
<span style="color: black;margin-right: 40px;"><img src="image/fbxq_z.png">&nbsp;&nbsp;</span>
<span style="color: black;" id="right_a"><img src="image/fbxq_pl.png">&nbsp;&nbsp;评论</span>
</div>
</div>
<div class="li_input" style="display: none;">
<input type="text" />
</div>
<div class="replay" style="display: none;">
<!--<div class='left'>回复:<span>谢谢您的支持!</span></div>-->
<div class='right'>
<a style="margin-right: 20px;" id="cancel_btn">取消</a>
<a class="right_a" style="background-color: rgb(255,138,0);color: white;">发布评论</a></div>
</div>
</li>
<li>
<div class="pic">
<img src="images/productDetailPic.png"/><span>xxxxxxxx</span>
</div>
<div class="fontInfo">
<div class="left">仪器特别好用,服务态度也很好 仪器特别好用,服务态度也很好仪器特别好用,服务态度也很好服务态度也很好</div>
</div>
<div class="fontInfo">
<div class="right">
<span style="color: black;margin-right: 40px;"><img src="image/fbxq_z.png">&nbsp;&nbsp;</span>
<span style="color: black;" id="right_a"><img src="image/fbxq_pl.png">&nbsp;&nbsp;评论</span>
</div>
</div>
<div class="use_answer">
<a class="answer_a">采纳答案</a>
</div>
<div class="li_input" style="display: none;">
<input type="text" />
</div>
<div class="replay" style="display: none;">
<!--<div class='left'>回复:<span>谢谢您的支持!</span></div>-->
<div class='right'>
<a style="margin-right: 20px;" id="cancel_btn">取消</a>
<a class="right_a" style="background-color: rgb(255,138,0);color: white;">发布评论</a>
</div>
</div>
</li>
<li>
<div class="pic">
<img src="images/productDetailPic.png"/><span>xxxxxxxx</span>
</div>
<div class="fontInfo">
<div class="left">仪器特别好用,服务态度也很好 仪器特别好用,服务态度也很好仪器特别好用,服务态度也很好服务态度也很好</div>
</div>
<div class="fontInfo">
<div class="right">
<span style="color: black;margin-right: 40px;"><img src="image/fbxq_z.png">&nbsp;&nbsp;</span>
<span style="color: black;" id="right_a"><img src="image/fbxq_pl.png">&nbsp;&nbsp;评论</span>
</div>
</div>
<div class="li_input" style="display: none;">
<input type="text" />
</div>
<div class="replay" style="display: none;">
<!--<div class='left'>回复:<span>谢谢您的支持!</span></div>-->
<div class='right'>
<a style="margin-right: 20px;" id="cancel_btn">取消</a>
<a class="right_a" style="background-color: rgb(255,138,0);color: white;">发布评论</a></div>
</div>
</li>
<li>
<div class="pic">
<img src="images/productDetailPic.png"/><span>xxxxxxxx</span>
</div>
<div class="fontInfo">
<div class="left">仪器特别好用,服务态度也很好 仪器特别好用,服务态度也很好仪器特别好用,服务态度也很好服务态度也很好</div>
</div>
<div class="fontInfo">
<div class="right">
<span style="color: black;margin-right: 40px;"><img src="image/fbxq_z.png">&nbsp;&nbsp;</span>
<span style="color: black;" id="right_a"><img src="image/fbxq_pl.png">&nbsp;&nbsp;评论</span>
</div>
</div>
<div class="use_answer">
<a class="answer_a">采纳答案</a>
</div>
<div class="li_input" style="display: none;">
<input type="text" />
</div>
<div class="replay" style="display: none;">
<!--<div class='left'>回复:<span>谢谢您的支持!</span></div>-->
<div class='right'>
<a style="margin-right: 20px;" id="cancel_btn">取消</a>
<a class="right_a" style="background-color: rgb(255,138,0);color: white;">发布评论</a></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

搜索帮助