4 Star 0 Fork 0

sun先森/科研成果

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
new_file17.html 18.88 KB
一键复制 编辑 原始数据 按行查看 历史
sun先森 提交于 2018-06-22 09:31 . no commit message
<!DOCTYPE html>
<html>
<!-- head -->
<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="css/l_css/header.css">
<link rel="stylesheet" href="css/l_css/main.css">
<style type="text/css">
.vertical {
width: 217px;
background-color: white;
display: block;
widows: 10px;
height: 217px;
text-align: center;
line-height: 42px;
color: #fff;
font-size: 22px;
}
.vertical_img{
border: 1px solid rgb(218,218,218);
}
.vertical .vertical_img img{
width: 180px;
height: 180px;
}
.mainList .content .list li .active {
width: 20%;
border-left: 1px solid #d6d6d6;
padding-left: 20px;
padding-right: 20px;
}
div#nav_top>div.container>div.fr {
width: 850px;
}
#header_form {
float: left;
width: 100%;
margin-top: 60px;
position: relative;
}
#header_form input {
width: 66%;
height: 52px;
float: left;
padding-left: 117px;
border: 1.5px solid rgb(255,138,0);
border-right: none;
outline: none;
font-size: 12px;
font-size: 17px;
}
#header_form .img {
position: absolute;
top: 50%;
left: 1px;
height: 50px;
width: 110px;
font-size: 18px;
padding: 0 5px;
color: rgb(255,138,0);
border-left: 1px solid rgb(255,138,0);
border-top: 1px solid rgb(255,138,0);
border-bottom: 1px solid rgb(255,138,0);
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
#header_form button {
float: left;
width: 15.75757576%;
height: 52px;
background: rgb(255,138,0);
border: 1px solid rgb(255,138,0);
color: #fff;
cursor: pointer;
outline: none;
font-size: 18px;
}
.sun_form_a {
display: inline-block;
width: 120px;
height: 52px;
line-height: 52px;
background-color: rgb(6,185,254);
color: white;
margin-left: 27px;
text-align: center;
border-radius: 3px;
}
#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 () {
$('#front_header .header_wrap .right').hover(function () {
$('#front_header .header_wrap .top_r .main .icon img').attr('src', 'images/icon2.png');
$('#front_header .header_wrap .top_r .out').show();
}, function () {
$('#front_header .header_wrap .top_r .main .icon img').attr('src', 'images/icon1.png');
$('#front_header .header_wrap .top_r .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 .search .item .right ul li').click(function () {
$(this).addClass('selected').siblings().removeClass('selected');
});
});
</script>
</head>
<!-- head end-->
<!-- body -->
<body style="background: #fff">
<!-- header-->
<div id="front_header" class="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="nav" id="nav_top">
<div class="container">
<div class="fl">
<a href="/">
<span style="color: rgb(255,138,0);font-size: 34px;">科研成果共享平台</span>
</a>
</div>
<div class="fr">
<form action="#" id="header_form">
<input type="text" name="name" placeholder="关键词">
<input type="text" name="limit" hidden="hidden" value="10" placeholder="关键词">
<input type="text" name="offset" hidden="hidden" value="0" placeholder="关键词">
<button type="button" id="search-btn"><img src="images/searchIcon.png" />搜索</button>
<a class="sun_form_a" href="#">发布成果</a>
<!--<img src="images/search.png" />-->
<select class="img">
<option>科研成果</option>
</select>
</form>
</div>
<div>
</div>
</div>
</div>
<!-- header end-->
<div class="mainList" style="background: #fff">
<div class="bNav">您的位置:首页》
<span>需求列表</span>
</div>
<div class="content">
<div class="search">
<div class='item'>
<div class="left">类别:</div>
<div class="right">
<ul>
<li class="selected">不限</li>
<li>分析仪器</li>
<li>不胡不不分析仪器</li>
<li>分析仪器</li>
<li>不胡不不分析仪器</li>
<li>分析仪器</li>
<li>不胡不不分析仪器</li>
<li>分析仪器</li>
<li>不胡不不分析仪器</li>
<li>分析仪器</li>
<li>不胡不不分析仪器</li>
<li>分析仪器</li>
<li>不胡不不分析仪器</li>
<li>分析仪器</li>
<li>不胡不不分析仪器</li>
<li>分析仪器</li>
<li>不胡不不分析仪器</li>
<li>分析仪器</li>
<li>不胡不不分析仪器</li>
<li>分析仪器</li>
<li>不胡不不分析仪器</li>
<li>分析仪器</li>
<li>不胡不不分析仪器</li>
</ul>
</div>
</div>
<div class='item'>
<div class="left">价格交易:</div>
<div class="right">
<ul>
<li class="selected">不限</li>
<li>分析仪器</li>
<li>不胡不不分析仪器</li>
<li>分析仪器</li>
<li>不胡不不分析仪器</li>
<li>分析仪器</li>
<li>不胡不不分析仪器</li>
</ul>
</div>
</div>
<div class='item'>
<div class="left">技术类型:</div>
<div class="right">
<ul>
<li class="selected">不限</li>
<li>分析仪器</li>
<li>不胡不不分析仪器</li>
<li>分析仪器</li>
<li>不胡不不分析仪器</li>
<li>分析仪器</li>
<li>不胡不不分析仪器</li>
</ul>
</div>
</div>
<div class='item'>
<div class="left">交易方式:</div>
<div class="right">
<ul>
<li class="selected">不限</li>
<li>分析仪器</li>
<li>不胡不不分析仪器</li>
<li>分析仪器</li>
<li>不胡不不分析仪器</li>
<li>分析仪器</li>
<li>不胡不不分析仪器</li>
</ul>
</div>
</div>
<div class='item'>
<div class="left">熟悉度:</div>
<div class="right">
<ul>
<li class="selected">不限</li>
<li>分析仪器</li>
<li>不胡不不分析仪器</li>
<li>分析仪器</li>
<li>不胡不不分析仪器</li>
<li>分析仪器</li>
<li>不胡不不分析仪器</li>
</ul>
</div>
</div>
</div>
<div class="listsearch_ad">
<div class="sousuo">
<input name="key" id="key" type="text" placeholder="请输入搜索内容" focucmsg="请输入搜索内容" onKeyUp="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,'')"
onpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,'')" oncontextmenu="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,'')"
/>
<a id="skey">搜索</a>
</div>
<div class="paixu">
<a href="javascript:void(0)" name="orderzixuncount" order="0" class="on">默认</a>
<a href="javascript:void(0)" name="orderzixuncount" order="1">人气&nbsp;&uarr;</a>
</div>
<script>
$(".paixu a").click(function () {
$(this).addClass("on");
$(this).siblings().removeClass("on");
});
</script>
<div class="zhikan">
<label>
<input name="issmallproject" id="issmallproject" type="checkbox" value="1" />小型创业项目
</label>
<label>
<input name="ismatureproject" id="ismatureproject" type="checkbox" value="1" />成熟项目
</label>
</div>
</div>
<div class="list">
<ul>
<li>
<div class="vertical" style="padding-left: 20px;">
<div class="vertical_img">
<img src="image/dl_bg.png" />
</div>
</div>
<div class="info">
<div class="title">一种感应发亮的鞋底的实用新型专利定制</div>
<div class="row2">
<div class="font">需求简介:
<span>一种感应发亮的鞋底的实用新型专利定制</span>
</div>
<div class="font">地址:
<span>浙江 温州</span>
</div>
<!--<div class="font">发布时间:
<span>2018-5-24</span>
</div>
-->
</div>
<div class="row3">预算:
<span style="color: black;margin-left: 200px;">
等级:
</span>
</div>
</div>
<div class="active">
<div style="text-align: right;">
<span style="color: rgb(255,138,0);font-size: 20px;">面议</span>
</div>
<div style="text-align: right;">
成熟度:<span style="">正在研发</span>
</div>
<div style="text-align: right;">
成熟度:<span>正在研发</span>
</div>
</div>
</li>
<li>
<div class="vertical" style="padding-left: 20px;">
<div class="vertical_img">
<img src="image/dl_bg.png" />
</div>
</div>
<div class="info">
<div class="title">一种感应发亮的鞋底的实用新型专利定制</div>
<div class="row2">
<div class="font">需求简介:
<span>一种感应发亮的鞋底的实用新型专利定制</span>
</div>
<div class="font">地址:
<span>浙江 温州</span>
</div>
<!--<div class="font">发布时间:
<span>2018-5-24</span>
</div>
-->
</div>
<div class="row3">预算:
<span style="color: black;margin-left: 200px;">
等级:
</span>
</div>
</div>
<div class="active">
<div style="text-align: right;">
<span style="color: rgb(255,138,0);font-size: 20px;">面议</span>
</div>
<div style="text-align: right;">
成熟度:<span style="">正在研发</span>
</div>
<div style="text-align: right;">
成熟度:<span>正在研发</span>
</div>
</div>
</li>
<li>
<div class="vertical" style="padding-left: 20px;">
<div class="vertical_img">
<img src="image/dl_bg.png" />
</div>
</div>
<div class="info">
<div class="title">一种感应发亮的鞋底的实用新型专利定制</div>
<div class="row2">
<div class="font">需求简介:
<span>一种感应发亮的鞋底的实用新型专利定制</span>
</div>
<div class="font">地址:
<span>浙江 温州</span>
</div>
<!--<div class="font">发布时间:
<span>2018-5-24</span>
</div>
-->
</div>
<div class="row3">预算:
<span style="color: black;margin-left: 200px;">
等级:
</span>
</div>
</div>
<div class="active">
<div style="text-align: right;">
<span style="color: rgb(255,138,0);font-size: 20px;">面议</span>
</div>
<div style="text-align: right;">
成熟度:<span style="">正在研发</span>
</div>
<div style="text-align: right;">
成熟度:<span>正在研发</span>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="pageButton"></div>
<!--找个分页插件插入-->
</div>
<div id="footer">
© 2015-2020 科研仪器 版权所有 技术支持:科研仪器共享平台 支持电话:010-123658987 拷贝
</div>
</body>
<!-- body end-->
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/sunjiandu/keyanchengguo.git
git@gitee.com:sunjiandu/keyanchengguo.git
sunjiandu
keyanchengguo
科研成果
master

搜索帮助