Página Inicial Explorar Ajuda
Registrar Entrar
jiapeng
/
portal-front
Observar 3
Favorito 0
Fork 0
Código Problemas 0 Pull Requests 0 Commits 394 Versões 0 Wiki

portal html css js resource

Árvore: f64be2495a
Branches Tags
portal-front
/
resourceShow.html

resourceShow.html 11KB
Histórico Cru 

     <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>浏览资源-科袖网</title>
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
<link href="css/bootstrap.min.css" rel="stylesheet">
<link type="text/css" href="css/common.css" rel="stylesheet">
<link type="text/css" href="css/genindex.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<script type="text/javascript" src="js/jquery.imagezoom.min.js"></script>

</head>

<body>
<header id="header">
	<script src="js/header.js"></script>
</header>
<div id="container">
	<div class="containerCon">
		<div class="contentCon clearfix conBlock">
			<div class="leftconBox floatL leftconBox2">
				<div class="showDetail">
					<!--资源基本信息-->
					<div class="showReBasic clearfix">
						<div class="Imagebox floatL">
		                    <div class="tb-booth tb-pic tb-s360">
		                        <a href="images/banner/banner01.jpg" target="_blank">
		                            <img src="images/banner/banner01.jpg" alt="美女" rel="images/banner/banner01.jpg" class="jqzoom" />
		                        </a>
		                    </div>
		                    <ul class="tb-thumb" id="thumblist">
		                        <li class="tb-selected">
		                            <div class="tb-pic tb-s66">
		                                <a href="javascript:void(0);">
		                                    <img src="images/banner/banner01.jpg"/>
		                                </a>
		                            </div>
		                        </li>
		                        <li>
		                            <div class="tb-pic tb-s66">
		                                <a href="javascript:void(0);">
		                                    <img src="images/banner/banner02.jpg"/>
		                                </a>
		                            </div>
		                        </li>
		                        <li>
		                            <div class="tb-pic tb-s66">
		                                <a href="javascript:void(0);">
		                                    <img src="images/banner/banner03.jpg"/>
		                                </a>
		                            </div>
		                        </li>
		                    </ul>
		                </div>
		                <div class="reInfoBlock floatL">
		                	<div class="h1Font">福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4</div>
		                	<div class="h2Font">应用用途：福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4</div>
		                	<div class="operateBlock resShareUl">
		                		<ul>
		                			<li><span>收藏</span> <em class="operateicon operateicon2 icon-collect"></em></li>
									<li>
										<span>分享到</span>
										<em class="operateicon operateicon2 icon-sina"></em>
										<em class="operateicon operateicon2 icon-wechat shareWeixin">
											<div class="shareCode clearfix">
												<div class="floatL" id="qrcode"></div>
												<div class="shareWord floatR">
													<p>打开微信“扫一扫”，<br/>打开网页后点击屏幕右上角“分享”按钮</p>
												</div>
											</div>
										</em>
									</li>
		                		</ul>
		                	</div>
		                </div>
	                </div>
	                <div class="showReOther">
						<!--资源详情区-->
						<div class="showMain showMain2">
							<ul>
								<li>
									<div class="showTit">所属机构：</div>
									<div class="showCon">
										分享，是我觉得对我熟人圈的亲戚朋友同事们有用，所以发布出来让大家看到
									</div>
								</li>
								<li>
									<div class="showTit">厂商型号：</div>
									<div class="showCon">
										分享，是我觉得对我熟人圈的亲戚朋友同事们有用，所以发布出来让大家看到
									</div>
								</li>
								<li>
									<div class="showTit">性能参数：</div>
									<div class="showCon">
										分享，是我觉得对我熟人圈的亲戚朋友同事们有用，所以发布出来让大家看到
									</div>
								</li>
								<li>
									<div class="showTit">合作备注：</div>
									<div class="showCon">
										分享，是我觉得对我熟人圈的亲戚朋友同事们有用，所以发布出来让大家看到
									</div>
								</li>
								<li>
									<div class="showTit">详细介绍：</div>
									<div class="showCon">
										分享，是我觉得对我熟人圈的亲戚朋友同事们有用，所以发布出来让大家看到
									</div>
								</li>
							</ul>
						</div>
						<!--标签模块-->
						<ul class="tagList">
							<li>
								<p class="h2Font">金属材料工程与腐蚀蚀</p>
							</li>
							<li>
								<p class="h2Font">金属材料工程与腐蚀蚀</p>
							</li>
							<li>
								<p class="h2Font">金属材料工程与腐蚀蚀</p>
							</li>
							<li>
								<p class="h2Font">金属材料工程与腐蚀蚀</p>
							</li>
							<li>
								<p class="h2Font">金属材料工程与腐蚀蚀</p>
							</li>
						</ul>
						<!--相关文章-->
						<div class="form-item otherShow">
							<div class="aboutTit">相关文章</div>
							<div class="form-result aboutRes pointOk">
								<ul>
									<li>
										<div class="madiaHead artHead"></div>
										<div class="madiaInfo">
											<p class="h1Font ellipsisSty-2">材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护</p>
											<p><span class="h1Font">张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></p>
										</div>
									</li>
									<li>
										<div class="madiaHead artHead"></div>
										<div class="madiaInfo">
											<p class="h1Font ellipsisSty-2">材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护</p>
											<p><span class="h1Font">张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></p>
										</div>
									</li>
									<li>
										<div class="madiaHead artHead"></div>
										<div class="madiaInfo">
											<p class="h1Font ellipsisSty-2">材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护</p>
											<p><span class="h1Font">张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></p>
										</div>
									</li>
								</ul>
							</div>
						</div>
						<!--您可能感兴趣的资源-->
						<div class="form-item otherShow">
							<div class="aboutTit">您可能感兴趣的资源</div>
							<div class="form-result aboutRes pointOk">
								<ul>
									<li>
										<div class="madiaHead resouseHead"></div>
										<div class="madiaInfo">
											<p class="h1Font">资源名称资源名称资源名称</p>
											<p class="h2Font ellipsisSty-2">用途：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
										</div>
									</li>
									<li>
										<div class="madiaHead resouseHead"></div>
										<div class="madiaInfo">
											<p class="h1Font">资源名称资源名称资源名称</p>
											<p class="h2Font ellipsisSty-2">用途：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
										</div>
									</li>
									<li>
										<div class="madiaHead resouseHead"></div>
										<div class="madiaInfo">
											<p class="h1Font">资源名称资源名称资源名称</p>
											<p class="h2Font ellipsisSty-2">用途：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
										</div>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="rightconBox floatR">
				<div class="conItem conItemG alignCenter" style="border:none;padding:30px;">
					<div class="madiaHead useHead"></div>
					<div class="proInfo">
						<div class="h3Font clearfix">
							<span class="h1Font" id="nameS">张某某</span>
							<span class="authiconNew authicon-pro" title="科袖认证专家" id="authFlag"></span>
						</div>
						<p class="h2Font">教授高工、董事长兼CEO</p>
						<p class="h2Font" id="orgType">北京科袖科技有限公司</p>
					</div>
					<div class="goSpan">
						<span class="consultSpan">咨询</span>
						<span class="attenSpan">关注</span>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<footer>
	<script type="text/javascript" src="js/footer.js"></script>
</footer>

<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
<script type="text/javascript" src="js/jquery.page.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript">
    $(function() {
        $(".jqzoom").imagezoom();
        $("#thumblist li a").click(function() {
            $(this).parents("li").addClass("tb-selected").siblings().removeClass("tb-selected");
            $(".jqzoom").attr('src', $(this).find("img").attr("src"));
            $(".jqzoom").attr('rel', $(this).find("img").attr("src"));
        });
    });
    $('.shareWeixin').hover(function(){$('.shareCode').stop(true,false).fadeToggle();});
</script>
</body>
</html>