Home Explore Help
Register Sign In
jiapeng
/
portal-front
Watch 3
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Commits 374 Releases 0 Wiki
Browse Source

新版文章发布、文章预览、文章详情、工作台文章列表

luyanan 7 years ago
parent
ec47f01ca6
commit
914082432f
4 changed files with 950 additions and 0 deletions
Split View Show Diff Stats
  1. 386 0
      articalIssue.html
  2. 106 0
      articalList.html
  3. 151 0
      articalPreview.html
  4. 307 0
      articalShow.html

+ 386 - 0
articalIssue.html
View File 

@ -0,0 +1,386 @@
1 
 <!DOCTYPE html>
2 
<html>
3 
<head>
4 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
6 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7 
<title>发布文章-科袖网</title>
8 
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
9 
<link href="css/bootstrap.min.css" rel="stylesheet">
10 
<link type="text/css" href="css/common.css" rel="stylesheet">
11 
<link type="text/css" href="css/genindex.css" rel="stylesheet">
12 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
13
14 
</head>
15
16 
<body>
17 
<header id="header">
18 
	<script src="js/header.js"></script>
19 
</header>
20 
<div id="container">
21 
	<div class="containerCon">
22 
		<div class="contentCon clearfix conBlock">
23 
			<div class="leftconBox floatL">
24 
				<ul class="artAbout">
25 
					<li>
26 
						<div class="uploadFile">
27 
	        				<div class="uploadblock">
28 
	        					<input type="file" name= "file" class="upInp uploadFileHidden" id="fileone1" data-id="" />
29 
	        					<!--未上传图片时-->
30 
	        					<div class="upFront">
31 
		        					<p>文章封面大图</p>
32 
		        					<p>JPG/PNG格式，2M以内。</p>
33 
		            				<span class="upbtn">上传图片</span>
34 
	        					</div>
35 
	        					<!--已上传图片时-->
36 
	        					<span class="upbtn upBackbtn">更换图片</span>
37 
		            		</div>
38 
	        			</div>
39 
					</li>
40 
					<li>
41 
						<div class="aboutTit">标题<span class="frmconmsg">30字以内</span></div>
42 
						<div class="frmtype frmcontype textareabox textareaboxEmp" placeholder="请输入标题" contenteditable="true"></div>
43 
					</li>
44 
					<li class="form-item">
45 
						<div class="aboutTit">关键词<span class="frmconmsg">最多可添加5个关键词、每个关键词最多10个字</span></div>
46 
						<div style="position: relative;">
47 
							<input type="text" class="frmtype frmcontype" id="" value="" placeholder="请输入关键词" />
48 
							<!--输入框中键入内容时按钮显示，添加内容出现在结果标签中时按钮隐藏-->
49 
							<button class="frmcontype frmadd">添加</button>
50 
						</div>
51 
						<div class="form-drop keydrop">
52 
							<ul>
53 
								<li>
54 
									<p class="h2Font">金属材料工程与腐蚀</p>
55 
								</li>
56 
								<li>
57 
									<p class="h2Font">金属材料工程与腐蚀</p>
58 
								</li>
59 
								<li>
60 
									<p class="h2Font">金属材料工程与腐蚀</p>
61 
								</li>
62 
							</ul>
63 
						</div>
64 
						<div class="form-result keyResult">
65 
							<ul class="clearfix">
66 
								<li>
67 
									<p class="h2Font">金属材料工程与腐蚀蚀</p>
68 
									<div class="closeThis"></div>
69 
								</li>
70 
								<li>
71 
									<p class="h2Font">金属材料工程与腐蚀蚀</p>
72 
									<div class="closeThis"></div>
73 
								</li>
74 
								<li>
75 
									<p class="h2Font">金属材料工程与腐蚀蚀</p>
76 
									<div class="closeThis"></div>
77 
								</li>
78 
								<li>
79 
									<p class="h2Font">金属材料工程与腐蚀蚀</p>
80 
									<div class="closeThis"></div>
81 
								</li>
82 
								<li>
83 
									<p class="h2Font">金属材料工程与腐蚀蚀</p>
84 
									<div class="closeThis"></div>
85 
								</li>
86 
							</ul>
87 
						</div>
88 
					</li>
89 
					<li>
90 
						<div class="aboutTit">文章内容<span class="frmconmsg"></span></div>
91 
						<!--这块还是使用编辑框插件-->
92 
						<div class="editBlock">
93 
							<textarea class="frmtype frmcontype" style="border:none;height:318px;" name="" placeholder="请输入文章内容"></textarea>
94 
						</div>
95 
					</li>
96 
				</ul>
97 
			</div>
98 
			<div class="rightconBox floatR">
99 
				<div class="conItem">
100 
					<ul class="operateBlock">
101 
						<li class="goFabu">
102 
							<em class="operateicon icon-issue"></em>
103 
							<p>发布</p>
104 
						</li>
105 
						<li>
106 
							<em class="operateicon icon-timeissue"></em>
107 
							<p>定时发布</p>
108 
						</li>
109 
						<li class="articalPreview">
110 
							<em class="operateicon icon-preview"></em>
111 
							<p>预览</p>
112 
						</li>
113 
						<li>
114 
							<em class="operateicon icon-draft"></em>
115 
							<p>存草稿</p>
116 
						</li>
117 
						<li>
118 
							<em class="operateicon icon-delete"></em>
119 
							<p>删除</p>
120 
						</li>
121
122 
					</ul>
123 
				</div>
124 
				<div class="conItem">
125 
					<div class="form-item otherBlock">
126 
						<div class="aboutTit">相关专家<span class="frmconmsg">最多选择3位专家</span></div>
127 
						<input type="text" class="frmtype frmcontype" placeholder="请输入专家姓名" id="" value="" />
128 
						<div class="form-drop">
129 
							<ul>
130 
								<li>
131 
									<div class="madiaHead useHead"></div>
132 
									<div class="madiaInfo">
133 
										<p class="ellipsisSty"><span class="h1Font">张某某</span><span class="h2Font" style="margin-left:10px;">教授高工、董事长兼CEO</span></p>
134 
										<p class="h2Font ellipsisSty">北京科袖科技有限公司</p>
135 
									</div>
136 
								</li>
137 
								<li>
138 
									<div class="madiaHead useHead"></div>
139 
									<div class="madiaInfo">
140 
										<p class="ellipsisSty"><span class="h1Font">张某某</span><span class="h2Font" style="margin-left:10px;">教授高工、董事长兼CEO</span></p>
141 
										<p class="h2Font ellipsisSty">北京科袖科技有限公司</p>
142 
									</div>
143 
								</li>
144 
								<li>
145 
									<div class="madiaHead useHead"></div>
146 
									<div class="madiaInfo">
147 
										<p class="ellipsisSty"><span class="h1Font">张某某</span><span class="h2Font" style="margin-left:10px;">教授高工、董事长兼CEO</span></p>
148 
										<p class="h2Font ellipsisSty">北京科袖科技有限公司</p>
149 
									</div>
150 
								</li>
151 
							</ul>
152 
						</div>
153 
						<div class="form-result">
154 
							<ul>
155 
								<li>
156 
									<div class="madiaHead useHead"></div>
157 
									<div class="madiaInfo">
158 
										<p class="ellipsisSty"><span class="h1Font">张某某</span><span class="h2Font" style="margin-left:10px;">教授高工、董事长兼CEO</span></p>
159 
										<p class="h2Font ellipsisSty">北京科袖科技有限公司</p>
160 
									</div>
161 
									<div class="deleteThis"></div>
162 
								</li>
163 
								<li>
164 
									<div class="madiaHead useHead"></div>
165 
									<div class="madiaInfo">
166 
										<p class="ellipsisSty"><span class="h1Font">张某某</span><span class="h2Font" style="margin-left:10px;">教授高工、董事长兼CEO</span></p>
167 
										<p class="h2Font ellipsisSty">北京科袖科技有限公司</p>
168 
									</div>
169 
									<div class="deleteThis"></div>
170 
								</li>
171 
							</ul>
172 
						</div>
173 
					</div>
174 
					<div class="form-item otherBlock">
175 
						<div class="aboutTit">相关资源<span class="frmconmsg">最多选择3条资源</span></div>
176 
						<input type="text" class="frmtype frmcontype" placeholder="请输入资源名称" id="" value="" />
177 
						<div class="form-drop">
178 
							<ul>
179 
								<li>
180 
									<div class="madiaHead resouseHead"></div>
181 
									<div class="madiaInfo">
182 
										<p class="h2Font ellipsisSty">资源名称资源名称资源名称资源名称资源名称</p>
183 
										<p class="h1Font">李大大</p>
184 
									</div>
185 
								</li>
186 
								<li>
187 
									<div class="madiaHead resouseHead"></div>
188 
									<div class="madiaInfo">
189 
										<p class="h2Font ellipsisSty">资源名称资源名称资源名称资源名称资源名称</p>
190 
										<p class="h1Font">李大大</p>
191 
									</div>
192 
								</li>
193 
								<li>
194 
									<div class="madiaHead resouseHead"></div>
195 
									<div class="madiaInfo">
196 
										<p class="h2Font ellipsisSty">资源名称资源名称资源名称资源名称资源名称</p>
197 
										<p class="h1Font">李大大</p>
198 
									</div>
199 
								</li>
200 
							</ul>
201 
						</div>
202 
						<div class="form-result">
203 
							<ul>
204 
								<li>
205 
									<div class="madiaHead resouseHead"></div>
206 
									<div class="madiaInfo">
207 
										<p class="h2Font ellipsisSty">资源名称资源名称资源名称资源名称资源名称</p>
208 
										<p class="h1Font">李大大</p>
209 
									</div>
210 
									<div class="deleteThis"></div>
211 
								</li>
212 
								<li>
213 
									<div class="madiaHead resouseHead"></div>
214 
									<div class="madiaInfo">
215 
										<p class="h2Font ellipsisSty">资源名称资源名称资源名称资源名称资源名称</p>
216 
										<p class="h1Font">李大大</p>
217 
									</div>
218 
									<div class="deleteThis"></div>
219 
								</li>
220 
							</ul>
221 
						</div>
222 
					</div>
223 
				</div>
224 
			</div>
225 
		</div>
226 
	</div>
227 
</div>
228 
<footer>
229 
	<script type="text/javascript" src="js/footer.js"></script>
230 
</footer>
231 
<!--文章预览-->
232 
<div class="blackcover">
233 
	<div class="modelContain modelContain2">
234 
		<div class="containerCon clearfix conBlock" style="padding:10px 10px 0;">
235 
			<div class="leftconBox floatL">
236 
				<div class="showDetail">
237 
					<div class="h1Font">福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4</div>
238 
					<div class="h2Font"><span id="creTime">2月23日 14:38</span> <span class="readNum">阅读量10000</span></div>
239 
					<div class="showBigOpen" style="background-image: url(images/banner/banner01.jpg);"></div>
240 
					<!--文章内容区-->
241 
					<div class="showMain">
242 
<p>分享，是我觉得对我熟人圈的亲戚朋友同事们有用，所以发布出来让大家看到的内容，最简单的就是鸡汤、各种鸡汤，养生，各种养生，因为这是关乎心灵和身体健康的东西。位居其后的，是我认为重要的信息。什么是重要的信息，后面我会专门展开来讲。
243 
以展示和分享为主要目的的传播特征，使得社交媒体上发布的信息很像是美图秀，是无意中被刻意挑选过的。</p><p>因为朋友圈中发布的信息其实是有某种强烈的筛选机制。虽然理论上任意两个人都可以通过非常有限的朋友圈建立联系，它看上去像是开发的，但实际上，每个人的朋友圈基本上都是处于半开放的，因为虽然互相关注，但你可以选择他是否可以看你发布的内容，以及你是否看他发布的内容。
244 
所以，任意一个朋友圈都是特定观念和偏好的集合，信息是在特定人群中间传播。一个坚持买《环球时报》的人，很少看到南方系的内容，反之亦然，一个热爱中医养生的人，很少看到科普党人反中医的文章，反之亦然，一个热爱唐装盘手串的人，很少看到整天攻击中国传统文化的内容，反之亦然。</p>
245 
<p><img src="images/banner/banner01.jpg" /></p>
246 
<p>所谓展示，指的是我通过信息的发布，展示我的生活方式生活态度和精神面目，一个人展示出来的东西，其实是他希望和想象的理想状态，通常是比实际情况要高一档次，比如一个人一周要吃五次卤煮，他肯定不会秀自己整天吃卤煮，但是，他要吃了一次日本料理，就一定会秀出来。去动物园服装批发市场买衣服，他不会秀，但他去了一次东京银座，即使不购物也会展示出来。他跑了五公里会秀，但宅在家里两天不出门灰头土脑一定不会秀。同样的，晒娃、晒猫狗、秀恩爱也是基于同样的心理，我希望通过这些信息，来展示我是一个多么热爱生活，当然，重要是生活品质很高，并且关心社会的一个面貌。</p>
247 
					</div>
248 
					<!--标签模块-->
249 
					<ul class="tagList">
250 
						<li>
251 
							<p class="h2Font">金属材料工程与腐蚀蚀</p>
252 
						</li>
253 
						<li>
254 
							<p class="h2Font">金属材料工程与腐蚀蚀</p>
255 
						</li>
256 
						<li>
257 
							<p class="h2Font">金属材料工程与腐蚀蚀</p>
258 
						</li>
259 
						<li>
260 
							<p class="h2Font">金属材料工程与腐蚀蚀</p>
261 
						</li>
262 
						<li>
263 
							<p class="h2Font">金属材料工程与腐蚀蚀</p>
264 
						</li>
265 
					</ul>
266 
					<!--相关专家-->
267 
					<div class="form-item otherShow otherShowFirst">
268 
						<div class="aboutTit">相关专家</div>
269 
						<div class="form-result">
270 
							<ul>
271 
								<li>
272 
									<div class="madiaHead useHead"></div>
273 
									<div class="madiaInfo">
274 
										<p><span class="h1Font">张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></p>
275 
										<p class="ellipsisSty h2Font">教授高工、董事长兼CEO</p>
276 
										<p class="h2Font ellipsisSty">研究方向：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
277 
									</div>
278 
								</li>
279 
								<li>
280 
									<div class="madiaHead useHead"></div>
281 
									<div class="madiaInfo">
282 
										<p><span class="h1Font">张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></p>
283 
										<p class="ellipsisSty h2Font">教授高工、董事长兼CEO</p>
284 
										<p class="h2Font ellipsisSty">研究方向：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
285 
									</div>
286 
								</li>
287 
								<li>
288 
									<div class="madiaHead useHead"></div>
289 
									<div class="madiaInfo">
290 
										<p><span class="h1Font">张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></p>
291 
										<p class="ellipsisSty h2Font">教授高工、董事长兼CEO</p>
292 
										<p class="h2Font ellipsisSty">研究方向：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
293 
									</div>
294 
								</li>
295 
							</ul>
296 
						</div>
297 
					</div>
298 
					<!--相关资源-->
299 
					<div class="form-item otherShow">
300 
						<div class="aboutTit">相关资源</div>
301 
						<div class="form-result aboutRes">
302 
							<ul>
303 
								<li>
304 
									<div class="madiaHead resouseHead"></div>
305 
									<div class="madiaInfo">
306 
										<p class="h1Font">资源名称资源名称资源名称</p>
307 
										<p class="h2Font ellipsisSty-2">用途：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
308 
									</div>
309 
								</li>
310 
								<li>
311 
									<div class="madiaHead resouseHead"></div>
312 
									<div class="madiaInfo">
313 
										<p class="h1Font">资源名称资源名称资源名称</p>
314 
										<p class="h2Font ellipsisSty-2">用途：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
315 
									</div>
316 
								</li>
317 
								<li>
318 
									<div class="madiaHead resouseHead"></div>
319 
									<div class="madiaInfo">
320 
										<p class="h1Font">资源名称资源名称资源名称</p>
321 
										<p class="h2Font ellipsisSty-2">用途：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
322 
									</div>
323 
								</li>
324 
							</ul>
325 
						</div>
326 
					</div>
327 
				</div>
328 
			</div>
329 
			<div class="rightconBox floatR">
330 
				<div class="conItem conItemG alignCenter" style="border:none;padding:30px;">
331 
					<div class="madiaHead useHead"></div>
332 
					<div class="proInfo">
333 
						<div class="h3Font clearfix">
334 
							<span class="h1Font" id="nameS">张某某</span>
335 
							<span class="authiconNew authicon-pro" title="科袖认证专家" id="authFlag"></span>
336 
						</div>
337 
						<p class="h2Font">教授高工、董事长兼CEO</p>
338 
						<p class="h2Font" id="orgType">北京科袖科技有限公司</p>
339 
					</div>
340 
				</div>
341 
				<div class="conItem conItemG" style="border:none;padding:30px;">
342 
					<div class="madiaHead cmpHead"></div>
343 
					<div class="proInfo alignCenter">
344 
						<div class="h3Font clearfix">
345 
							<span class="h1Font" id="nameS">北京科袖科技有限公司</span>
346 
							<span class="authiconNew authicon-com-ok" title="科袖认证企业" id="authFlag"></span>
347 
						</div>
348 
						<p class="h2Font">所属行业 | 企业类型</p>
349 
					</div>
350 
				</div>
351 
			</div>
352 
		</div>
353 
		<span class="modelClosebtn"></span>
354 
	</div>
355 
</div>
356
357
358 
<script type="text/javascript" src="js/jquery.cookie.js"></script>
359 
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
360 
<script type="text/javascript" src="js/jquery.page.js"></script>
361 
<script type="text/javascript" src="js/common.js"></script>
362 
<script type="text/javascript">
363 
	$(".textareaboxEmp").keyup(function(){
364 
		$(this).css("content","none");
365 
	})
366
367 
//Model模态框打开关闭
368 
function modelOpen(){
369 
	$(".blackcover").fadeIn();
370 
	$(".modelContain").slideDown();
371 
	$("body").addClass("modelOpen");
372 
}
373 
function modelClose(){
374 
	$(".modelContain").slideUp();
375 
	$(".blackcover").fadeOut();
376 
	$("body").removeClass("modelOpen");
377 
}
378 
	$(".articalPreview").click(function() {
379 
		modelOpen();
380 
	})
381 
	$(".modelClosebtn").click(function() {
382 
		modelClose();
383 
	})
384 
</script>
385 
</body>
386 
</html>

+ 106 - 0
articalList.html
View File 

@ -0,0 +1,106 @@
1 
 <!DOCTYPE html>
2 
<html>
3 
<head>
4 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
6 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7 
<title>文章-我的工作台-科袖网</title>
8 
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
9 
<link href="css/bootstrap.min.css" rel="stylesheet">
10 
<link type="text/css" href="css/common.css" rel="stylesheet">
11 
<link type="text/css" href="css/workspace.css" rel="stylesheet">
12 
<link type="text/css" href="css/genindex.css" rel="stylesheet">
13 
<style type="text/css">
14 
	.workmenu{background: #FFFFFF;}
15 
	.workcon{background: #FFFFFF;}
16 
</style>
17 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
18
19 
</head>
20
21 
<body>
22 
<header id="header">
23 
	<script src="js/header.js"></script>
24 
</header>
25 
<!--中间-->
26 
<div id="container">
27 
	<div class="con-center contentCon clearfix conBlock">
28 
        <div class="workmenu" >
29 
            <a href="workspaces.html" class="workmenutit">我的工作台</a>
30 
            <a class="worksubmenu" id="gozixu">咨询</a>
31 
            <a href="newsciresource.html"  class="worksubmenu" >资源</a>
32 
            <a href="news-list.html"  class="worksubmenu subcolor" >文章</a>
33 
            <a href="needList.html"  class="worksubmenu" >需求</a>
34 
        </div>
35 
        <div class="workcon">
36 
			<div class="workconitem">
37 
				<div class="workcontit">科研文章</div>
38 
				<div class="worksubcon">
39 
					<div class="itemListBolck">
40 
						<div class="topOperaBlock clearfix">
41 
							<div class="searchAbout col-w-8">
42 
								<input class="frmcontype" type="search" name="" placeholder="输入文章标题">
43 
								<span class="searchSpan"></span>
44 
							</div>
45 
							<div class="issueSpanBlock col-w-4">
46 
								<span class="issueSpan">发布文章</span>
47 
							</div>
48 
						</div>
49 
						<div class="form-item itemListCon">
50 
							<div class="form-result aboutRes">
51 
								<ul>
52 
									<li>
53 
										<div class="madiaHead artHead"></div>
54 
										<div class="madiaInfo">
55 
											<p class="h1Font ellipsisSty">材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护</p>
56 
											<ul class="h2Font clearfix">
57 
												<li><span>8月20日 4:00</span></li>
58 
												<li><span>阅读量100</span></li>
59 
												<li><span>点赞20</span></li>
60 
												<li><span>评论30</span></li>
61 
											</ul>
62 
										</div>
63 
										<ul class="madiaEdit">
64 
											<li><span class="deteleThis2"></span></li>
65 
										</ul>
66 
									</li>
67 
									<li class="draftList"><!--存为草稿时添加draftList类-->
68 
										<div class="madiaHead artHead"></div>
69 
										<div class="madiaInfo">
70 
											<p class="h1Font ellipsisSty">材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护</p>
71 
											<ul class="h2Font clearfix">
72 
												<li><span>8月20日 4:00</span></li>
73 
											</ul>
74 
											<span class="draftLable">草稿</span>
75 
										</div>
76 
										<ul class="madiaEdit">
77 
											<li><span class="deteleThis2"></span></li>
78 
											<li><span class="editThis"></span></li><!--存为草稿时才会有编辑按钮-->
79 
										</ul>
80 
									</li>
81 
								</ul>
82 
								<div class="tcdPageCode"></div>
83 
							</div>
84 
						</div>
85 
					</div>
86 
				</div>
87 
			</div>
88 
        </div>
89 
    </div>
90 
</div>
91 
<footer>
92 
	<script type="text/javascript" src="js/footer.js"></script>
93 
</footer>
94
95 
<script type="text/javascript" src="js/jquery.cookie.js"></script>
96 
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
97 
<script type="text/javascript" src="js/jquery.page.js"></script>
98 
<script type="text/javascript" src="js/common.js"></script>
99 
<script type="text/javascript">
100 
	$(".tcdPageCode").createPage({
101 
		pageCount: Math.ceil(4 / 16),
102 
		current: 3,
103 
	});
104 
</script>
105 
</body>
106 
</html>

+ 151 - 0
articalPreview.html
View File 

@ -0,0 +1,151 @@
1 
 <!DOCTYPE html>
2 
<html>
3 
<head>
4 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
6 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7 
<title>文章预览-科袖网</title>
8 
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
9 
<link href="css/bootstrap.min.css" rel="stylesheet">
10 
<link type="text/css" href="css/common.css" rel="stylesheet">
11 
<link type="text/css" href="css/genindex.css" rel="stylesheet">
12 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
13
14 
</head>
15
16 
<body>
17 
<header id="header">
18 
	<script src="js/header.js"></script>
19 
</header>
20 
<div id="container">
21
22 
	<div class="containerCon">
23 
		<div class="contentCon clearfix conBlock">
24 
			<div class="leftconBox floatL">
25 
				<div class="showDetail">
26 
					<div class="h1Font">福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4</div>
27 
					<div class="h2Font"><span id="creTime">2月23日 14:38</span> <span class="readNum">阅读量10000</span></div>
28 
					<div class="showBigOpen" style="background-image: url(images/banner/banner01.jpg);"></div>
29 
					<!--文章内容区-->
30 
					<div class="showMain">
31 
<p>分享，是我觉得对我熟人圈的亲戚朋友同事们有用，所以发布出来让大家看到的内容，最简单的就是鸡汤、各种鸡汤，养生，各种养生，因为这是关乎心灵和身体健康的东西。位居其后的，是我认为重要的信息。什么是重要的信息，后面我会专门展开来讲。
32 
以展示和分享为主要目的的传播特征，使得社交媒体上发布的信息很像是美图秀，是无意中被刻意挑选过的。</p><p>因为朋友圈中发布的信息其实是有某种强烈的筛选机制。虽然理论上任意两个人都可以通过非常有限的朋友圈建立联系，它看上去像是开发的，但实际上，每个人的朋友圈基本上都是处于半开放的，因为虽然互相关注，但你可以选择他是否可以看你发布的内容，以及你是否看他发布的内容。
33 
所以，任意一个朋友圈都是特定观念和偏好的集合，信息是在特定人群中间传播。一个坚持买《环球时报》的人，很少看到南方系的内容，反之亦然，一个热爱中医养生的人，很少看到科普党人反中医的文章，反之亦然，一个热爱唐装盘手串的人，很少看到整天攻击中国传统文化的内容，反之亦然。</p>
34 
<p><img src="images/banner/banner01.jpg" /></p>
35 
<p>所谓展示，指的是我通过信息的发布，展示我的生活方式生活态度和精神面目，一个人展示出来的东西，其实是他希望和想象的理想状态，通常是比实际情况要高一档次，比如一个人一周要吃五次卤煮，他肯定不会秀自己整天吃卤煮，但是，他要吃了一次日本料理，就一定会秀出来。去动物园服装批发市场买衣服，他不会秀，但他去了一次东京银座，即使不购物也会展示出来。他跑了五公里会秀，但宅在家里两天不出门灰头土脑一定不会秀。同样的，晒娃、晒猫狗、秀恩爱也是基于同样的心理，我希望通过这些信息，来展示我是一个多么热爱生活，当然，重要是生活品质很高，并且关心社会的一个面貌。</p>
36 
					</div>
37 
					<!--标签模块-->
38 
					<ul class="tagList">
39 
						<li>
40 
							<p class="h2Font">金属材料工程与腐蚀蚀</p>
41 
						</li>
42 
						<li>
43 
							<p class="h2Font">金属材料工程与腐蚀蚀</p>
44 
						</li>
45 
						<li>
46 
							<p class="h2Font">金属材料工程与腐蚀蚀</p>
47 
						</li>
48 
						<li>
49 
							<p class="h2Font">金属材料工程与腐蚀蚀</p>
50 
						</li>
51 
						<li>
52 
							<p class="h2Font">金属材料工程与腐蚀蚀</p>
53 
						</li>
54 
					</ul>
55 
					<!--相关专家-->
56 
					<div class="form-item otherShow otherShowFirst">
57 
						<div class="aboutTit">相关专家</div>
58 
						<div class="form-result">
59 
							<ul>
60 
								<li>
61 
									<div class="madiaHead useHead"></div>
62 
									<div class="madiaInfo">
63 
										<p><span class="h1Font">张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></p>
64 
										<p class="ellipsisSty h2Font">教授高工、董事长兼CEO</p>
65 
										<p class="h2Font ellipsisSty">研究方向：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
66 
									</div>
67 
								</li>
68 
								<li>
69 
									<div class="madiaHead useHead"></div>
70 
									<div class="madiaInfo">
71 
										<p><span class="h1Font">张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></p>
72 
										<p class="ellipsisSty h2Font">教授高工、董事长兼CEO</p>
73 
										<p class="h2Font ellipsisSty">研究方向：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
74 
									</div>
75 
								</li>
76 
								<li>
77 
									<div class="madiaHead useHead"></div>
78 
									<div class="madiaInfo">
79 
										<p><span class="h1Font">张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></p>
80 
										<p class="ellipsisSty h2Font">教授高工、董事长兼CEO</p>
81 
										<p class="h2Font ellipsisSty">研究方向：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
82 
									</div>
83 
								</li>
84 
							</ul>
85 
						</div>
86 
					</div>
87 
					<!--相关资源-->
88 
					<div class="form-item otherShow">
89 
						<div class="aboutTit">相关资源</div>
90 
						<div class="form-result aboutRes">
91 
							<ul>
92 
								<li>
93 
									<div class="madiaHead resouseHead"></div>
94 
									<div class="madiaInfo">
95 
										<p class="h1Font">资源名称资源名称资源名称</p>
96 
										<p class="h2Font ellipsisSty-2">用途：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
97 
									</div>
98 
								</li>
99 
								<li>
100 
									<div class="madiaHead resouseHead"></div>
101 
									<div class="madiaInfo">
102 
										<p class="h1Font">资源名称资源名称资源名称</p>
103 
										<p class="h2Font ellipsisSty-2">用途：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
104 
									</div>
105 
								</li>
106 
								<li>
107 
									<div class="madiaHead resouseHead"></div>
108 
									<div class="madiaInfo">
109 
										<p class="h1Font">资源名称资源名称资源名称</p>
110 
										<p class="h2Font ellipsisSty-2">用途：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
111 
									</div>
112 
								</li>
113 
							</ul>
114 
						</div>
115 
					</div>
116 
				</div>
117 
			</div>
118 
			<div class="rightconBox floatR">
119 
				<div class="conItem conItemG alignCenter" style="border:none;padding:30px;">
120 
					<div class="madiaHead useHead"></div>
121 
					<div class="proInfo">
122 
						<div class="h3Font clearfix">
123 
							<span class="h1Font" id="nameS">张某某</span>
124 
							<span class="authiconNew authicon-pro" title="科袖认证专家" id="authFlag"></span>
125 
						</div>
126 
						<p class="h2Font">教授高工、董事长兼CEO</p>
127 
						<p class="h2Font" id="orgType">北京科袖科技有限公司</p>
128 
					</div>
129 
				</div>
130 
				<div class="conItem conItemG" style="border:none;padding:30px;">
131 
					<div class="madiaHead cmpHead"></div>
132 
					<div class="proInfo alignCenter">
133 
						<div class="h3Font clearfix">
134 
							<span class="h1Font" id="nameS">北京科袖科技有限公司</span>
135 
							<span class="authiconNew authicon-com-ok" title="科袖认证企业" id="authFlag"></span>
136 
						</div>
137 
						<p class="h2Font">所属行业 | 企业类型</p>
138 
					</div>
139 
				</div>
140 
			</div>
141 
		</div>
142 
	</div>
143
144 
</div>
145 
<footer>
146 
	<script type="text/javascript" src="js/footer.js"></script>
147 
</footer>
148 
<script type="text/javascript" src="js/jquery.cookie.js"></script>
149 
<script type="text/javascript" src="js/common.js"></script>
150 
</body>
151 
</html>

+ 307 - 0
articalShow.html
View File 

@ -0,0 +1,307 @@
1 
 <!DOCTYPE html>
2 
<html>
3 
<head>
4 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
6 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7 
<title>浏览文章-科袖网</title>
8 
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
9 
<link href="css/bootstrap.min.css" rel="stylesheet">
10 
<link type="text/css" href="css/common.css" rel="stylesheet">
11 
<link type="text/css" href="css/genindex.css" rel="stylesheet">
12 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
13
14 
</head>
15
16 
<body>
17 
<header id="header">
18 
	<script src="js/header.js"></script>
19 
</header>
20 
<div id="container">
21 
	<div class="containerCon">
22 
		<div class="contentCon clearfix conBlock">
23 
			<div class="leftconBox floatL">
24 
				<div class="showDetail">
25 
					<div class="h1Font">福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4</div>
26 
					<div class="h2Font"><span id="creTime">2月23日 14:38</span> <span class="readNum">阅读量10000</span></div>
27 
					<div class="showBigOpen" style="background-image: url(images/banner/banner01.jpg);"></div>
28 
					<!--文章内容区-->
29 
					<div class="showMain">
30 
<p>分享，是我觉得对我熟人圈的亲戚朋友同事们有用，所以发布出来让大家看到的内容，最简单的就是鸡汤、各种鸡汤，养生，各种养生，因为这是关乎心灵和身体健康的东西。位居其后的，是我认为重要的信息。什么是重要的信息，后面我会专门展开来讲。
31 
以展示和分享为主要目的的传播特征，使得社交媒体上发布的信息很像是美图秀，是无意中被刻意挑选过的。</p><p>因为朋友圈中发布的信息其实是有某种强烈的筛选机制。虽然理论上任意两个人都可以通过非常有限的朋友圈建立联系，它看上去像是开发的，但实际上，每个人的朋友圈基本上都是处于半开放的，因为虽然互相关注，但你可以选择他是否可以看你发布的内容，以及你是否看他发布的内容。
32 
所以，任意一个朋友圈都是特定观念和偏好的集合，信息是在特定人群中间传播。一个坚持买《环球时报》的人，很少看到南方系的内容，反之亦然，一个热爱中医养生的人，很少看到科普党人反中医的文章，反之亦然，一个热爱唐装盘手串的人，很少看到整天攻击中国传统文化的内容，反之亦然。</p>
33 
<p><img src="images/banner/banner01.jpg" /></p>
34 
<p>所谓展示，指的是我通过信息的发布，展示我的生活方式生活态度和精神面目，一个人展示出来的东西，其实是他希望和想象的理想状态，通常是比实际情况要高一档次，比如一个人一周要吃五次卤煮，他肯定不会秀自己整天吃卤煮，但是，他要吃了一次日本料理，就一定会秀出来。去动物园服装批发市场买衣服，他不会秀，但他去了一次东京银座，即使不购物也会展示出来。他跑了五公里会秀，但宅在家里两天不出门灰头土脑一定不会秀。同样的，晒娃、晒猫狗、秀恩爱也是基于同样的心理，我希望通过这些信息，来展示我是一个多么热爱生活，当然，重要是生活品质很高，并且关心社会的一个面貌。</p>
35 
					</div>
36 
					<!--标签模块-->
37 
					<ul class="tagList">
38 
						<li>
39 
							<p class="h2Font">金属材料工程与腐蚀蚀</p>
40 
						</li>
41 
						<li>
42 
							<p class="h2Font">金属材料工程与腐蚀蚀</p>
43 
						</li>
44 
						<li>
45 
							<p class="h2Font">金属材料工程与腐蚀蚀</p>
46 
						</li>
47 
						<li>
48 
							<p class="h2Font">金属材料工程与腐蚀蚀</p>
49 
						</li>
50 
						<li>
51 
							<p class="h2Font">金属材料工程与腐蚀蚀</p>
52 
						</li>
53 
					</ul>
54 
					<!--相关专家-->
55 
					<div class="form-item otherShow otherShowFirst">
56 
						<div class="aboutTit">相关专家</div>
57 
						<div class="form-result">
58 
							<ul>
59 
								<li>
60 
									<div class="madiaHead useHead"></div>
61 
									<div class="madiaInfo">
62 
										<p><span class="h1Font">张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></p>
63 
										<p class="ellipsisSty h2Font">教授高工、董事长兼CEO</p>
64 
										<p class="h2Font ellipsisSty">研究方向：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
65 
									</div>
66 
								</li>
67 
								<li>
68 
									<div class="madiaHead useHead"></div>
69 
									<div class="madiaInfo">
70 
										<p><span class="h1Font">张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></p>
71 
										<p class="ellipsisSty h2Font">教授高工、董事长兼CEO</p>
72 
										<p class="h2Font ellipsisSty">研究方向：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
73 
									</div>
74 
								</li>
75 
								<li>
76 
									<div class="madiaHead useHead"></div>
77 
									<div class="madiaInfo">
78 
										<p><span class="h1Font">张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></p>
79 
										<p class="ellipsisSty h2Font">教授高工、董事长兼CEO</p>
80 
										<p class="h2Font ellipsisSty">研究方向：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
81 
									</div>
82 
								</li>
83 
							</ul>
84 
						</div>
85 
					</div>
86 
					<!--相关资源-->
87 
					<div class="form-item otherShow">
88 
						<div class="aboutTit">相关资源</div>
89 
						<div class="form-result aboutRes">
90 
							<ul>
91 
								<li>
92 
									<div class="madiaHead resouseHead"></div>
93 
									<div class="madiaInfo">
94 
										<p class="h1Font">资源名称资源名称资源名称</p>
95 
										<p class="h2Font ellipsisSty-2">用途：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
96 
									</div>
97 
								</li>
98 
								<li>
99 
									<div class="madiaHead resouseHead"></div>
100 
									<div class="madiaInfo">
101 
										<p class="h1Font">资源名称资源名称资源名称</p>
102 
										<p class="h2Font ellipsisSty-2">用途：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
103 
									</div>
104 
								</li>
105 
								<li>
106 
									<div class="madiaHead resouseHead"></div>
107 
									<div class="madiaInfo">
108 
										<p class="h1Font">资源名称资源名称资源名称</p>
109 
										<p class="h2Font ellipsisSty-2">用途：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
110 
									</div>
111 
								</li>
112 
							</ul>
113 
						</div>
114 
					</div>
115 
					<!--点赞模块-->
116 
					<div class="thumbBlock">
117 
						<span class="thumbBtn">赞200</span>
118 
					</div>
119 
					<!--分享操作栏-->
120 
					<div class="shareBlock clearfix">
121 
						<div class="form-item shareInfo floatL">
122 
							<div class="madiaHead useHead"></div>
123 
							<div class="madiaInfo">
124 
								<span class="h1Font ellipsisSty">张大大张大大张大大张大大张大大张大大张大大张大大张大大</span>
125 
								<em class="authiconNew authicon-pro" title="科袖认证专家"></em>
126 
							</div>
127 
						</div>
128 
						<ul class="shareWays floatR">
129 
							<li><em class="operateicon icon-message"></em><span class="message">240</span></li>
130 
							<li id="attention"><em class="operateicon icon-collect"></em></li>
131 
							<li>
132 
								<em class="operateicon icon-wechat shareWeixin">
133 
									<div class="shareCode clearfix">
134 
										<div class="floatL" id="qrcode"></div>
135 
										<div class="shareWord floatR">
136 
											<p>打开微信“扫一扫”，<br/>打开网页后点击屏幕右上角“分享”按钮</p>
137 
										</div>
138 
									</div>
139 
								</em>
140 
							</li>
141 
							<li><em class="operateicon icon-sina"></em></li>
142 
							<li><em class="operateicon icon-qq"></em></li>
143 
							<li><em class="operateicon icon-totop upTop"></em></li>
144 
						</ul>
145 
					</div>
146 
					<div class="share-bottom"></div>
147 
					<div class="ifLogin">
148 
					    <!--未登录-->
149 
					    <div class="ifLoginUn">
150 
					    	<span class="floaL">大牛，别默默的看了，快登录给我留言吧！</span>
151 
					    	<ul class="floatR">
152 
					    		<li><a href="register.html">注册</a></li>
153 
					    		<li><a>|</a></li>
154 
					    		<li id="login"><a href="login.html">登录</a></li>
155 
					    	</ul>
156 
					    </div>
157 
					    <!--登录可留言-->
158 
					    <form class="ifLoginOn clearfix">
159 
					    	<div class="msgContbox">
160 
					    		<textarea class="msgCont" placeholder="请输入您的留言内容..."></textarea>
161 
					    		<span class="msgconNum">0/250</span>
162 
					    	</div>
163 
					    	<button class="frmconbtn btnModel floatR" disabled id="meSend">留言</button>
164 
					    </form>
165 
					</div>
166 
					<div class="form-item commentsArea">
167 
						<ul class="commentList">
168 
							<li>
169 
								<div class="madiaHead useHead"></div>
170 
								<div class="madiaInfo">
171 
									<p>
172 
										<span class="h1Font">张某某</span>
173 
										<em class="authiconNew authicon-pro" title="科袖认证专家"></em>
174 
										<span class="commenttime">9月30号 12:00</span>
175 
									</p>
176 
									<p class="h2Font">材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护
177 
										材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护
178 
									</p>
179 
									<div class="operateSpan">
180 
										<span class="callBack">回复</span>
181 
										<span>删除</span>
182 
									</div>
183 
								</div>
184 
							</li>
185 
							<li>
186 
								<div class="madiaHead useHead"></div>
187 
								<div class="madiaInfo">
188 
									<p>
189 
										<span class="h1Font">张某某</span>
190 
										<em class="authiconNew authicon-pro" title="科袖认证专家"></em>
191 
										<span class="commenttime">9月30号 12:00</span>
192 
									</p>
193 
									<p class="h2Font">材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护
194 
									</p>
195 
									<div class="operateSpan">
196 
										<span class="callBack">回复</span>
197 
										<span>删除</span>
198 
									</div>
199 
								</div>
200 
							</li>
201 
							<li>
202 
								<div class="madiaHead useHead"></div>
203 
								<div class="madiaInfo">
204 
									<p>
205 
										<span class="h1Font">张某某</span>
206 
										<em class="authiconNew authicon-pro" title="科袖认证专家"></em>
207 
										<span class="commenttime">9月30号 12:00</span>
208 
									</p>
209 
									<p class="h2Font">材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护
210 
									</p>
211 
									<div class="operateSpan">
212 
										<span class="callBack">回复</span>
213 
										<span>删除</span>
214 
									</div>
215 
								</div>
216 
							</li>
217 
						</ul>
218 
						<button class="frmconbtn btnCancel">查看更多留言</button>
219 
					</div>
220 
					<!--相关文章-->
221 
					<div class="form-item otherShow">
222 
						<div class="aboutTit">相关文章</div>
223 
						<div class="form-result aboutRes">
224 
							<ul>
225 
								<li>
226 
									<div class="madiaHead artHead"></div>
227 
									<div class="madiaInfo">
228 
										<p class="h1Font ellipsisSty-2">材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护</p>
229 
										<p><span class="h1Font">张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></p>
230 
									</div>
231 
								</li>
232 
								<li>
233 
									<div class="madiaHead artHead"></div>
234 
									<div class="madiaInfo">
235 
										<p class="h1Font ellipsisSty-2">材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护</p>
236 
										<p><span class="h1Font">张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></p>
237 
									</div>
238 
								</li>
239 
								<li>
240 
									<div class="madiaHead artHead"></div>
241 
									<div class="madiaInfo">
242 
										<p class="h1Font ellipsisSty-2">材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护</p>
243 
										<p><span class="h1Font">张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></p>
244 
									</div>
245 
								</li>
246 
							</ul>
247 
						</div>
248 
					</div>
249 
				</div>
250 
			</div>
251 
			<div class="rightconBox floatR">
252 
				<div class="conItem conItemG alignCenter" style="border:none;padding:30px;">
253 
					<div class="madiaHead useHead"></div>
254 
					<div class="proInfo">
255 
						<div class="h3Font clearfix">
256 
							<span class="h1Font" id="nameS">张某某</span>
257 
							<span class="authiconNew authicon-pro" title="科袖认证专家" id="authFlag"></span>
258 
						</div>
259 
						<p class="h2Font">教授高工、董事长兼CEO</p>
260 
						<p class="h2Font" id="orgType">北京科袖科技有限公司</p>
261 
					</div>
262 
					<span class="attenSpan">关注</span>
263 
				</div>
264 
				<div class="conItem conItemG" style="border:none;padding:30px;">
265 
					<div class="madiaHead cmpHead"></div>
266 
					<div class="proInfo alignCenter">
267 
						<div class="h3Font clearfix">
268 
							<span class="h1Font" id="nameS">北京科袖科技有限公司</span>
269 
							<span class="authiconNew authicon-com-ok" title="科袖认证企业" id="authFlag"></span>
270 
						</div>
271 
						<p class="h2Font">所属行业 | 企业类型</p>
272 
					</div>
273 
				</div>
274 
			</div>
275 
		</div>
276 
	</div>
277 
</div>
278 
<footer>
279 
	<script type="text/javascript" src="js/footer.js"></script>
280 
</footer>
281
282 
<script type="text/javascript" src="js/jquery.cookie.js"></script>
283 
<script type="text/javascript" src="js/scrollfix.js"></script>
284 
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
285 
<script type="text/javascript" src="js/jquery.page.js"></script>
286 
<script type="text/javascript" src="js/common.js"></script>
287 
<script type="text/javascript">
288 
	$(".textareaboxEmp").keyup(function(){
289 
		$(this).css("content","none");
290 
	})
291 
	$('.upTop').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);});
292 
	$('.wordHave').click(function(){$('html,body').animate({scrollTop: ($('.resTop').height()+80)+'px'}, 800);});
293 
	$('.shareWeixin').hover(function(){$('.shareCode').stop(true,false).fadeToggle();});
294 
	//留言分享操作栏
295 
	setTimeout(function() {
296 
		var oShareW = $('.share-nav').outerWidth(true);
297 
		$('.shareBlock').scrollFix( {
298 
	        startTop:'body',
299 
	        bottom: '0',
300 
	        endPos : '.share-bottom',
301 
			width: oShareW ,
302 
	        zIndex : 997
303 
	    });
304 
	}, 1000);
305 
</script>
306 
</body>
307 
</html>