jiapeng
/
portal-front


			
				
					
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387
							 <!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>
</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">
				<ul class="artAbout">
					<li>
						<div class="uploadFile">
	        				<div class="uploadblock">
	        					<input type="file" name= "file" class="upInp uploadFileHidden" id="fileone1" data-id="" />
	        					<!--未上传图片时-->
	        					<div class="upFront">
		        					<p>文章封面大图</p>
		        					<p>JPG/PNG格式，2M以内。</p>
		            				<span class="upbtn">上传图片</span>
	        					</div>
	        					<!--已上传图片时-->
	        					<span class="upbtn upBackbtn">更换图片</span>
		            		</div>
	        			</div>
					</li>
					<li>
						<div class="aboutTit">标题<span class="frmconmsg">30字以内</span></div>
						<div class="frmtype frmcontype textareabox textareaboxEmp" placeholder="请输入标题" contenteditable="true"></div>
					</li>
					<li class="form-item">
						<div class="aboutTit">关键词<span class="frmconmsg">最多可添加5个关键词、每个关键词最多10个字</span></div>
						<div style="position: relative;">
							<input type="text" class="frmtype frmcontype" id="" value="" placeholder="请输入关键词" />
							<!--输入框中键入内容时按钮显示，添加内容出现在结果标签中时按钮隐藏-->
							<button class="frmcontype frmadd">添加</button>
						</div>
						<div class="form-drop keydrop">
							<ul>
								<li>
									<p class="h2Font">金属材料工程与腐蚀</p>
								</li>
								<li>
									<p class="h2Font">金属材料工程与腐蚀</p>
								</li>
								<li>
									<p class="h2Font">金属材料工程与腐蚀</p>
								</li>
							</ul>
						</div>
						<div class="form-result keyResult">
							<ul class="clearfix">
								<li>
									<p class="h2Font">金属材料工程与腐蚀蚀</p>
									<div class="closeThis"></div>
								</li>
								<li>
									<p class="h2Font">金属材料工程与腐蚀蚀</p>
									<div class="closeThis"></div>
								</li>
								<li>
									<p class="h2Font">金属材料工程与腐蚀蚀</p>
									<div class="closeThis"></div>
								</li>
								<li>
									<p class="h2Font">金属材料工程与腐蚀蚀</p>
									<div class="closeThis"></div>
								</li>
								<li>
									<p class="h2Font">金属材料工程与腐蚀蚀</p>
									<div class="closeThis"></div>
								</li>
							</ul>
						</div>
					</li>
					<li>
						<div class="aboutTit">文章内容<span class="frmconmsg"></span></div>
						<!--这块还是使用编辑框插件-->
						<div class="editBlock">
							<textarea class="frmtype frmcontype" style="border:none;height:318px;" name="" placeholder="请输入文章内容"></textarea>
						</div>
					</li>
				</ul>
			</div>
			<div class="rightconBox floatR">
				<div class="conItem">
					<ul class="operateBlock">
						<li class="goFabu">
							<em class="operateicon icon-issue"></em>
							<p>发布</p>
						</li>
						<li>
							<em class="operateicon icon-timeissue"></em>
							<p>定时发布</p>
						</li>
						<li class="articalPreview">
							<em class="operateicon icon-preview"></em>
							<p>预览</p>
						</li>
						<li>
							<em class="operateicon icon-draft"></em>
							<p>存草稿</p>
						</li>
						<li>
							<em class="operateicon icon-delete"></em>
							<p>删除</p>
						</li>
						
					</ul>
				</div>
				<div class="conItem">
					<div class="form-item otherBlock">
						<div class="aboutTit">相关专家<span class="frmconmsg">最多选择3位专家</span></div>
						<input type="text" class="frmtype frmcontype" placeholder="请输入专家姓名" id="" value="" />
						<div class="form-drop">
							<ul>
								<li>
									<div class="madiaHead useHead"></div>
									<div class="madiaInfo">
										<p class="ellipsisSty"><span class="h1Font">张某某</span><span class="h2Font" style="margin-left:10px;">教授高工、董事长兼CEO</span></p>
										<p class="h2Font ellipsisSty">北京科袖科技有限公司</p>
									</div>
								</li>
								<li>
									<div class="madiaHead useHead"></div>
									<div class="madiaInfo">
										<p class="ellipsisSty"><span class="h1Font">张某某</span><span class="h2Font" style="margin-left:10px;">教授高工、董事长兼CEO</span></p>
										<p class="h2Font ellipsisSty">北京科袖科技有限公司</p>
									</div>
								</li>
								<li>
									<div class="madiaHead useHead"></div>
									<div class="madiaInfo">
										<p class="ellipsisSty"><span class="h1Font">张某某</span><span class="h2Font" style="margin-left:10px;">教授高工、董事长兼CEO</span></p>
										<p class="h2Font ellipsisSty">北京科袖科技有限公司</p>
									</div>
								</li>
							</ul>
						</div>
						<div class="form-result">
							<ul>
								<li>
									<div class="madiaHead useHead"></div>
									<div class="madiaInfo">
										<p class="ellipsisSty"><span class="h1Font">张某某</span><span class="h2Font" style="margin-left:10px;">教授高工、董事长兼CEO</span></p>
										<p class="h2Font ellipsisSty">北京科袖科技有限公司</p>
									</div>
									<div class="deleteThis"></div>
								</li>
								<li>
									<div class="madiaHead useHead"></div>
									<div class="madiaInfo">
										<p class="ellipsisSty"><span class="h1Font">张某某</span><span class="h2Font" style="margin-left:10px;">教授高工、董事长兼CEO</span></p>
										<p class="h2Font ellipsisSty">北京科袖科技有限公司</p>
									</div>
									<div class="deleteThis"></div>
								</li>
							</ul>
						</div>
					</div>
					<div class="form-item otherBlock">
						<div class="aboutTit">相关资源<span class="frmconmsg">最多选择3条资源</span></div>
						<input type="text" class="frmtype frmcontype" placeholder="请输入资源名称" id="" value="" />
						<div class="form-drop">
							<ul>
								<li>
									<div class="madiaHead resouseHead"></div>
									<div class="madiaInfo">
										<p class="h2Font ellipsisSty">资源名称资源名称资源名称资源名称资源名称</p>
										<p class="h1Font">李大大</p>
									</div>
								</li>
								<li>
									<div class="madiaHead resouseHead"></div>
									<div class="madiaInfo">
										<p class="h2Font ellipsisSty">资源名称资源名称资源名称资源名称资源名称</p>
										<p class="h1Font">李大大</p>
									</div>
								</li>
								<li>
									<div class="madiaHead resouseHead"></div>
									<div class="madiaInfo">
										<p class="h2Font ellipsisSty">资源名称资源名称资源名称资源名称资源名称</p>
										<p class="h1Font">李大大</p>
									</div>
								</li>
							</ul>
						</div>
						<div class="form-result">
							<ul>
								<li>
									<div class="madiaHead resouseHead"></div>
									<div class="madiaInfo">
										<p class="h2Font ellipsisSty">资源名称资源名称资源名称资源名称资源名称</p>
										<p class="h1Font">李大大</p>
									</div>
									<div class="deleteThis"></div>
								</li>
								<li>
									<div class="madiaHead resouseHead"></div>
									<div class="madiaInfo">
										<p class="h2Font ellipsisSty">资源名称资源名称资源名称资源名称资源名称</p>
										<p class="h1Font">李大大</p>
									</div>
									<div class="deleteThis"></div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<footer>
	<script type="text/javascript" src="js/footer.js"></script>
</footer>
<!--文章预览-->
<div class="blackcover">
	<div class="modelContain modelContain2">
		<div class="containerCon clearfix conBlock" style="padding:10px 10px 0;">
			<div class="leftconBox floatL">
				<div class="showDetail">
					<div class="h1Font">福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4</div>
					<div class="h2Font"><span id="creTime">2月23日 14:38</span> <span class="readNum">阅读量10000</span></div>
					<div class="showBigOpen" style="background-image: url(images/banner/banner01.jpg);"></div>
					<!--文章内容区-->
					<div class="showMain">
<p>分享，是我觉得对我熟人圈的亲戚朋友同事们有用，所以发布出来让大家看到的内容，最简单的就是鸡汤、各种鸡汤，养生，各种养生，因为这是关乎心灵和身体健康的东西。位居其后的，是我认为重要的信息。什么是重要的信息，后面我会专门展开来讲。
以展示和分享为主要目的的传播特征，使得社交媒体上发布的信息很像是美图秀，是无意中被刻意挑选过的。</p><p>因为朋友圈中发布的信息其实是有某种强烈的筛选机制。虽然理论上任意两个人都可以通过非常有限的朋友圈建立联系，它看上去像是开发的，但实际上，每个人的朋友圈基本上都是处于半开放的，因为虽然互相关注，但你可以选择他是否可以看你发布的内容，以及你是否看他发布的内容。
所以，任意一个朋友圈都是特定观念和偏好的集合，信息是在特定人群中间传播。一个坚持买《环球时报》的人，很少看到南方系的内容，反之亦然，一个热爱中医养生的人，很少看到科普党人反中医的文章，反之亦然，一个热爱唐装盘手串的人，很少看到整天攻击中国传统文化的内容，反之亦然。</p>
<p><img src="images/banner/banner01.jpg" /></p>
<p>所谓展示，指的是我通过信息的发布，展示我的生活方式生活态度和精神面目，一个人展示出来的东西，其实是他希望和想象的理想状态，通常是比实际情况要高一档次，比如一个人一周要吃五次卤煮，他肯定不会秀自己整天吃卤煮，但是，他要吃了一次日本料理，就一定会秀出来。去动物园服装批发市场买衣服，他不会秀，但他去了一次东京银座，即使不购物也会展示出来。他跑了五公里会秀，但宅在家里两天不出门灰头土脑一定不会秀。同样的，晒娃、晒猫狗、秀恩爱也是基于同样的心理，我希望通过这些信息，来展示我是一个多么热爱生活，当然，重要是生活品质很高，并且关心社会的一个面貌。</p>
					</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 otherShowFirst">
						<div class="aboutTit">相关专家</div>
						<div class="form-result">
							<ul>
								<li>
									<div class="madiaHead useHead"></div>
									<div class="madiaInfo">
										<p><span class="h1Font">张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></p>
										<p class="ellipsisSty h2Font">教授高工、董事长兼CEO</p>
										<p class="h2Font ellipsisSty">研究方向：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
									</div>
								</li>
								<li>
									<div class="madiaHead useHead"></div>
									<div class="madiaInfo">
										<p><span class="h1Font">张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></p>
										<p class="ellipsisSty h2Font">教授高工、董事长兼CEO</p>
										<p class="h2Font ellipsisSty">研究方向：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
									</div>
								</li>
								<li>
									<div class="madiaHead useHead"></div>
									<div class="madiaInfo">
										<p><span class="h1Font">张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></p>
										<p class="ellipsisSty h2Font">教授高工、董事长兼CEO</p>
										<p class="h2Font ellipsisSty">研究方向：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
									</div>
								</li>
							</ul>
						</div>
					</div>
					<!--相关资源-->
					<div class="form-item otherShow">
						<div class="aboutTit">相关资源</div>
						<div class="form-result aboutRes">
							<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 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>
				<div class="conItem conItemG" style="border:none;padding:30px;">
					<div class="madiaHead cmpHead"></div>
					<div class="proInfo alignCenter">
						<div class="h3Font clearfix">
							<span class="h1Font" id="nameS">北京科袖科技有限公司</span>
							<span class="authiconNew authicon-com-ok" title="科袖认证企业" id="authFlag"></span>
						</div>
						<p class="h2Font">所属行业 | 企业类型</p>
					</div>
				</div>
			</div>
		</div>
		<span class="modelClosebtn"></span>	
	</div>
</div>
<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">
	$(".textareaboxEmp").keyup(function(){
		$(this).css("content","none");
	})
	
//Model模态框打开关闭
function modelOpen(){
	$(".blackcover").fadeIn();
	$(".modelContain").slideDown();
	$("body").addClass("modelOpen");
}
function modelClose(){
	$(".modelContain").slideUp();
	$(".blackcover").fadeOut();
	$("body").removeClass("modelOpen");
}
	$(".articalPreview").click(function() {
		modelOpen();
	})
	$(".modelClosebtn").click(function() {
		modelClose();
	})
</script>
</body>
</html>