jiapeng
/
portal-front


			
				
					
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175
							 <!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 href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link type="text/css" href="css/common.css" rel="stylesheet">
<link type="text/css" href="css/index.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
</head>
<body>
<!--头部-->
<header id="header">
	<script src="js/header.js"></script>
</header>
<div id="container" style="background: #f4f6f8;">
	<div class="containerCon clearfix" style="padding-top:80px;padding-bottom: 10px;">
		<div class="resouLeft floatL">
			<div class="resTop" style="margin-bottom:10px">
				<div class="resBrief resBrief2">
					<div class="h2Font"><span id="articleName"></span><br /><small id="creTime"></small></div>
					<div class="resAbout">
						<div class="resUlbox clearfix">
							<span class="subtit floatL" id="proRlist">学术领域</span>
							<ul class="resUl floatL" id="subjectList">
								
							</ul>
						</div>
						<div class="resUlbox clearfix">
							<span class="subtit floatL">应用行业</span>
							<ul class="resUl floatL" id="industryList">
								
							</ul>
						</div>
					</div>
				</div>
				<div id="artical_real">
					<div id="main_content" class="main_content">
								
					</div>
				</div>
				<!--分享操作栏-->
				<div class="share-nav">
					<div class="clearfix">		
						<a class="proinfor ellipsisSty floatL" style="display:block;width:55%;" id="lineId">
							<div class="headblock floatL" style="width:40px"><img id="proHead" class="headimg" src="../images/default-photo.jpg" width="100%"></div>
							<div class="listtit2 floatL"><span style="color: #ff9900;" id="proName"></span><span style="margin-left:10px;" id="proTitle"></span><span id="proOffice"></span><span id="proOrg"></span><span id="proAddress"></span></div>
						</a>
						<div class="navOperate floatR">
							<span class="wrapicon upTop"></span>
						</div>
						<div class="navOperate floatR">
							<span class="shareBttn shareWeixin" style="display:inline-block;position: relative;">分享至微信
								<div class="shareCode clearfix">
									<div class="floatL" id="qrcode"></div>
									<div class="shareWord floatR">
										<p>打开微信“扫一扫”，<br/>打开网页后点击屏幕右上角“分享”按钮</p>
									</div>
								</div>
							</span>
						</div>
						<div class="navOperate floatR">
							<span id="attention" style="background: url(../images/favoricon.png) 0 -50px no-repeat;background-size: 100% auto;margin-top: 1px; display: inline-block;width: 24px;height: 24px;cursor:pointer"></span>
						</div>
						<div class="navOperate floatR">
							<span class="wrapicon wordHave"></span><span class="message" style="position:relative;top:-7px;left:2px;"></span>
						</div>
						<div class="navOperate floatR">
							<span class="plus" style="display:inline-block;float: none;"></span><span class="message1" style="position:relative;top:-7px;left:2px;"></span>
						</div>
					</div>
				</div>
				<div class="share-bottom"></div>
			</div>
			<div class="resBottom" id="modelScroll">
				<div class="main_content">
				<!--留言-->
					<div class="commentsArea" style="padding-bottom:6px;">
					    <h2 class="comments-title"> 留言（ <span class="message">0</span> ）</h2>
					    <!--未登录-->
					    <div style="margin:20px 0" id="login"><a href="login.html" class="frmtype respondBtn">登录后发布留言</a> </div>
					    <!--登录可留言-->
					    <form class="goMsgbox clearfix">
					    	<div class="headblock floatL" style="width: 60px;"><img class="headimg userRadius" src="../images/default-photo.jpg" width="100%" id="limg"></div>
					    	<div class="msgContbox floatL">
					    		<textarea class="msgCont" placeholder="请输入您的留言内容..."></textarea>
					    	</div>
					    	<input type="button" class="frmtype frmbtn floatR" value="发布留言" id="meSend" style="background: #dadada;"/>
					    </form>
					</div>
					
					<ul class="commentsArea commentList"></ul>					
					
				</div>
			</div>
		</div>
		<div class="resouRight floatR">
			<div class="rightBlock">
				<a style="display: block;" id="details">
					<div class="proImg">
						<img src="" id="headImg" style="display:block;cursor:pointer">
					</div>
					<div class="proInfo">
						<div class="h3Font clearfix">
							<span style="font-size:18px;color:#000;" id="nameS"></span>
							<span class="authiconNew authicon-pro" id="authFlag"></span>
						</div>
						<p class="h5Font" id="orgType"></p>
						<p class="h5Font"><span id="qualificationList"></span></p>
						<p class="h5Font"><span id="createTime"></span></p>
						<p class="h6Font" style="margin: 0;" id="ocity"><span></span></p>
					</div>
				</a>
			</div>
			<div class="rightBlock">
				<div class="left-title" >相关文章</div>
				<ul class="otherRes"></ul>					
			</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/scrollfix.js"></script>
<script type="text/javascript" src="js/weixinshare/qrcode.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/articalInfo.js"></script>
<script type="text/javascript">
	$('.upTop').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);}); 
	$('.wordHave').click(function(){$('html,body').animate({scrollTop: ($('.resTop').height()+80)+'px'}, 800);}); 
	$('.shareWeixin').hover(function(){$('.shareCode').stop(true,false).fadeToggle();});
	//微信分享
	var qrcode = new QRCode(document.getElementById("qrcode"), {
		width: 100,
		height: 100
	});
	function makeCode() {
		var hurl = window.location.host;
		var articleId = GetQueryString("articleId");
		var elurl = "http://" + hurl + "/ekexiu/shareArticalinfor.html?articleId=" + articleId;
		qrcode.makeCode(elurl);
	}
	makeCode();
	
	//留言分享操作栏		
	setTimeout(function() {
//		var oShareW = $('.share-nav').outerWidth(true);
		$('.share-nav').scrollFix( {
	        startTop:'body',
	        bottom: '0',
	        endPos : '.share-bottom',
//	        width: oShareW ,
	        zIndex : 997
	    });	
	}, 1000);		
</script>
</body>
</html>