代码拉取完成，页面将自动刷新
<!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/productDetail.css"> <!--<link rel="stylesheet" href="css/new_style.css">--> <link rel="stylesheet" href="js/layui/css/layui.css" media="all"> <link rel="stylesheet" href="css/reset.css"> <link rel="stylesheet" href="css/common.css"> <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> <style> .header-search-right .search-btn input { width: 164px; height: 53px !important; background: rgba(255, 138, 0, 1); color: rgba(255, 255, 255, 1); font-size: 20px; font-family: MicrosoftYaHei; border-radius: 0 !important; } .mainList .content .productInfo .right { float: left; height: 100%; width: 554px; padding-left: 70px; /*overflow: hidden;*/ text-overflow:ellipsis; white-space: nowrap; } .layui-btn, .layui-inline, img{ vertical-align: unset; } .mainList .content .productInfo { /* width: 97%; */ width: 1167px; border: 1px solid #d3d3d3; padding: 15px; height: 100%; padding-bottom: 20px; overflow: hidden; } .mainList .content .productInfo .left { border: none; display: flex; align-items: center; } .mainList .content .productInfo .right .row9{ margin-top: 350px; } .sun_tabView_li_a{ display: flex; justify-content: center; } .sun_tabView_li_a a{ background-color: #ff8a00; width: 151px; height: 46px; line-height: 46px; display: block; text-align: center; color: #fff; border-radius: 5px; } </style> <style type="text/css"> .time-table { cursor: pointer; width: 359px; height: 186px; } table { border-collapse: collapse; } th, td { width: 100px; height: 40px; border: 1px solid #ccc; font-size: 12px; text-align: center; } table { border-collapse: collapse; } td p { color: #FF8A00; font-size: 10px; } td .spe { color: #CCCCCC; } .sssiii th { background-color: #ff8a00; color: #fff; border-left: 1px solid #FF8A00; border-right: 1px solid #FF8A00; border-top: 2px solid #fff; } .sssiii1 th { background-color: #ff8a00; color: #fff; border: 1px solid #FF8A00 } .className { background-color: #ffe18b; } .spec2 { display: none; } </style> </head> <body style="background:#fff;"> <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> <!-- <div class="fl"> <ul> <li class="fl" style="margin-right: 20px"><a href="">登录</a></li> <li class="fl"><a href="">注册</a></li> </ul> </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"> <a href=""><img src="images/icon3.png"></a> </div> <div class="mall-name"> <a href="">yq.shang.com</a> </div> </div> </div> <!--right--> <div class="header-search-right fr"> <div class="search-text fl"> <input type="text" placeholder="请您输入仪器名称、分类名称、测试内容、机构名称..."> </div> <div class="search-btn fl"> <input type="submit" value="搜索"> </div> </div> </div> </header> <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="layui-carousel" id="test1"> <img src="images/yiqiPic.png"> </div> </div> <div class="right"> <div class="row row1">全功能紫外-可见-近红外荧光光谱仪</div> <div class="row row2">Full function UV - vis - near-infrared fluorescence spectrometer</div> <div class="row row3">仪器型号：<span>23658</span></div> <div class="row">仪器产地：<span>北京</span></div> <div class="row">品牌或厂商：<span>美国HP公司</span></div> <div class="row">仪器分类：<span>化学分析仪器》电化学仪器》PH技、酸度计</span></div> <div class="row">应用领域：<span>综合</span></div> <div class="row row8 fl">预约状态： <div class="fr time-table-head"> <input style="display: none" value="8" id="inputValue"> <div class="time-table spec1" id="div1"> <table id="mytable" border="0"> <tr class="sssiii1 "> <th id="btns" class="xiha0"> < </th> <th id="textth" colspan="5">2018-8</th> <th id="btnx" class="xiha"> ></th> </tr> <tr class="sssiii"> <th>日</th> <th>一</th> <th>二</th> <th>三</th> <th>四</th> <th>五</th> <th>六</th> </tr> </table> <table id="second" border="0"> <tr> <td></td> <td></td> <td></td> <td>1<p class="spe">不可预</p></td> <td>2<p class="spe">不可预</p></td> <td>3<p class="spe">不可预</p></td> <td>4<p class="spe">不可预</p></td> </tr> <tr> <td>5<p>可预约</p></td> <td>6<p>可预约</p></td> <td>7<p>可预约</p></td> <td>8<p>可预约</p></td> <td>9<p>可预约</p></td> <td>10<p>可预约</p></td> <td>11<p>可预约</p></td> </tr> <tr> <td>12<p>可预约</p></td> <td>13<p>可预约</p></td> <td>14<p>可预约</p></td> <td>15<p>可预约</p></td> <td>16<p>可预约</p></td> <td>17<p>可预约</p></td> <td>18<p>可预约</p></td> </tr> <tr> <td>19<p>可预约</p></td> <td>20<p>可预约</p></td> <td>21<p>可预约</p></td> <td>22<p>可预约</p></td> <td>23<p>可预约</p></td> <td>24<p>可预约</p></td> <td>25<p>可预约</p></td> </tr> <tr> <td>26<p>可预约</p></td> <td>27<p>可预约</p></td> <td>28<p>可预约</p></td> <td>29<p>可预约</p></td> <td>30<p>可预约</p></td> <td>31<p>可预约</p></td> <td></td> </tr> </table> </div> </div> </div> <div class="row row9 clearfix" > <div class="btn"><a id="Button1" onclick="ShowDiv('MyDiv','fade')">立即预约</a></div> <div class="price">价格：<span>100元/样品</span></div> </div> </div> </div> <div class="userEvaluation"> <div class='tab'><span class="tab_span1">详情简介</span><span class="tab_span2 selected">用户评价（1365）</span></div> <div class="box"> <div class='tabView sun_tabView ' id="tabView1"> <!------------------------> <ul> <li> <div style="border-left: 2px solid rgb(255,138,0); padding-left: 10px;"><p>仪器介绍:</p></div> <div style="padding-left: 10px;"><p>仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍 仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍 仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍 仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍 仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍 仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍</p></div> </li> <li> <div style="border-left: 2px solid rgb(255,138,0); padding-left: 10px;"><p>设备特点:</p></div> <div style="padding-left: 10px;"><p>仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍 仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍 仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍 仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍 仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍 仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍 </p></div> </li> <li> <div style="border-left: 2px solid rgb(255,138,0); padding-left: 10px;"><p>应用领域:</p></div> <div style="padding-left: 10px;"><p>仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍 仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍 仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍 仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍 仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍 仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍仪器介绍 </p></div> </li> <li class="sun_tabView_li_a"> <a >下载仪器知识</a> </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> <!--弹出层时背景层DIV--> <div id="fade" class="black_overlay"></div> <div id="MyDiv" class="white_content"> <div class="title-tan"> <div class="xix"> <p>请选择实验时间</p> </div> <div class="close" style="" onclick="CloseDiv('MyDiv','fade')">X</div> </div> <div class="content-tan"> <ul> <li> <label>单价：</label><span>300元/时</span> </li> <li> <label style="width: 400px; color: #ccc;">请设置预约时间</label> </li> <li> <label>预约日期：</label> <input type="date"> 至 <input type="date"> </li> <li> <label>详细时间：</label> <input type="date"> 至 <input type="date"> </li> <li> <label>预计费用：</label><span>¥ 300元</span> </li> </ul> </div> <div class="btn-tan"> <a href="#">确定</a> <a href="#" class="btn-a-spec" onclick="CloseDiv('MyDiv','fade')">取消</a> </div> </div> <!--footer--> <footer> <div class="foot clearfix"> <p>© 2015-2020 科研仪器 版权所有 技术支持：科研仪器共享平台 支持电话：010-123658987 </p> </div> </footer> <script src="js/common.js"></script> <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> $(function () { $("td").click(function () { //td点击事件； var val = $(this).text(); $(this).toggleClass("className"); $(this).siblings().removeClass("className"); //attr("id") //定义val值为点击的此td的id值； // alert(val); }) }) </script> <script> $(document).ready(function(){ var td8 = '<tr>\n' + ' <td></td>\n' + ' <td></td>\n' + ' <td></td>\n' + ' <td>1<p class="spe">不可预</p></td>\n' + ' <td>2<p class="spe">不可预</p></td>\n' + ' <td>3<p class="spe">不可预</p></td>\n' + ' <td>4<p class="spe">不可预</p></td>\n' + ' </tr>\n' + ' <tr>\n' + ' <td>5<p>可预约</p></td>\n' + ' <td>6<p>可预约</p></td>\n' + ' <td>7<p>可预约</p></td>\n' + ' <td>8<p>可预约</p></td>\n' + ' <td>9<p>可预约</p></td>\n' + ' <td>10<p>可预约</p></td>\n' + ' <td>11<p>可预约</p></td>\n' + ' </tr>\n' + ' <tr>\n' + ' <td>12<p>可预约</p></td>\n' + ' <td>13<p>可预约</p></td>\n' + ' <td>14<p>可预约</p></td>\n' + ' <td>15<p>可预约</p></td>\n' + ' <td>16<p>可预约</p></td>\n' + ' <td>17<p>可预约</p></td>\n' + ' <td>18<p>可预约</p></td>\n' + ' </tr>\n' + ' <tr>\n' + ' <td>19<p>可预约</p></td>\n' + ' <td>20<p>可预约</p></td>\n' + ' <td>21<p>可预约</p></td>\n' + ' <td>22<p>可预约</p></td>\n' + ' <td>23<p>可预约</p></td>\n' + ' <td>24<p>可预约</p></td>\n' + ' <td>25<p>可预约</p></td>\n' + ' </tr>\n' + ' <tr>\n' + ' <td>26<p>可预约</p></td>\n' + ' <td>27<p>可预约</p></td>\n' + ' <td>28<p>可预约</p></td>\n' + ' <td>29<p>可预约</p></td>\n' + ' <td>30<p>可预约</p></td>\n' + ' <td>31<p>可预约</p></td>\n' + ' <td></td>\n' + ' </tr>\n' var td9 = ' <tr>\n' + ' <td>1</td>\n' + ' <td>2</td>\n' + ' <td>3</td>\n' + ' <td>1<p class="spe">不可预</p></td>\n' + ' <td>2<p class="spe">不可预</p></td>\n' + ' <td>3<p class="spe">不可预</p></td>\n' + ' <td>4<p class="spe">不可预</p></td>\n' + ' </tr>\n' + ' <tr>\n' + ' <td>5<p>可预约</p></td>\n' + ' <td>6<p>可预约</p></td>\n' + ' <td>7<p>可预约</p></td>\n' + ' <td>8<p>可预约</p></td>\n' + ' <td>9<p>可预约</p></td>\n' + ' <td>10<p>可预约</p></td>\n' + ' <td>11<p>可预约</p></td>\n' + ' </tr>\n' + ' <tr>\n' + ' <td>12<p>可预约</p></td>\n' + ' <td>13<p>可预约</p></td>\n' + ' <td>14<p>可预约</p></td>\n' + ' <td>15<p>可预约</p></td>\n' + ' <td>16<p>可预约</p></td>\n' + ' <td>17<p>可预约</p></td>\n' + ' <td>18<p>可预约</p></td>\n' + ' </tr>\n' + ' <tr>\n' + ' <td>19<p>可预约</p></td>\n' + ' <td>20<p>可预约</p></td>\n' + ' <td>21<p>可预约</p></td>\n' + ' <td>22<p>可预约</p></td>\n' + ' <td>23<p>可预约</p></td>\n' + ' <td>24<p>可预约</p></td>\n' + ' <td>25<p>可预约</p></td>\n' + ' </tr>\n' + ' <tr>\n' + ' <td>26<p>可预约</p></td>\n' + ' <td>27<p>可预约</p></td>\n' + ' <td>28<p>可预约</p></td>\n' + ' <td>29<p>可预约</p></td>\n' + ' <td>30<p>可预约</p></td>\n' + ' <td>31<p>可预约</p></td>\n' + ' <td></td>\n' + ' </tr>\n'; $("#btns").click(function () { var inputnumber = parseInt($("#inputValue").val()) - 1; switch (inputnumber) { case 8: $("#inputValue").val(inputnumber); $("#second").empty().html(td8); $("#textth").text('2018-8') break; case 9: $("#inputValue").val(inputnumber); $("#second").empty().html(td9); $("#textth").text('2018-9') break; default: alert("出错了"); } }) $("#btnx").click(function () { var inputnumber = parseInt($("#inputValue").val()) + 1; switch (inputnumber) { case 8: $("#inputValue").val(inputnumber); $("#second").empty().html(td8); $("#textth").text('2018-8') break; case 9: $("#inputValue").val(inputnumber); $("#second").empty().html(td9); $("#textth").text('2018-9') break; default: alert("出错了"); } }) }) </script><!--弹出框--> <style> .black_overlay { display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: #666; z-index: 1001; -moz-opacity: 0.8; opacity: .70; filter: alpha(opacity=70); } .white_content { display: none; position: absolute; top: 50%; left: 26%; width: 870px; height: 569px; border: 1px solid #ccc; background-color: white; z-index: 1002; overflow: auto; } .title-tan { width: 870px; height: 46px; line-height: 7px; border-bottom: 1px solid #CCCCCC; } .xix { text-align: right; width: 711px; height: 46px; line-height: 46px; float: left; display: flex; justify-content: center; } .content-tan { margin-top: 40px; margin-left: 30px; } .content-tan li span{ color: #FF8A00; font-size: 24px; } .content-tan label { width: 90px; display: inline-block; font-size: 18px; line-height: 64px; } .title-tan p { float: left; width: 300px; display: inline-block; } .close { float: right; width: 50px; height: 45px; color: #ccc; line-height: 50px; cursor: pointer } .btn-tan{ text-align: center; margin: 0 auto; margin-top: 30px; } .btn-tan a{ width:152px; height:45px; background:rgba(255,138,0,1); border-radius:5px; display:inline-block; text-align: center; line-height: 45px; color: #ffffff; margin-right: 20px; } .btn-tan .btn-a-spec{ width:150px; height:43px; background:#ffffff; border: 1px solid #FF8A00; border-radius:5px; display:inline-block; text-align: center; line-height: 45px; color: #FF8A00; } </style> <script type="text/javascript"> //弹出隐藏层 function ShowDiv(show_div, bg_div) { document.getElementById(show_div).style.display = 'block'; document.getElementById(bg_div).style.display = 'block'; var bgdiv = document.getElementById(bg_div); bgdiv.style.width = document.body.scrollWidth;// bgdiv.style.height = $(document).height(); $("#" + bg_div).height($(document).height()); }; //关闭弹出层 function CloseDiv(show_div, bg_div) { document.getElementById(show_div).style.display = 'none'; document.getElementById(bg_div).style.display = 'none'; }; </script> </body></html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
