Browse Source

文章发布标记已合并

luyanan 8 years ago
parent
commit
c133dbac39
1 changed files with 101 additions and 239 deletions
  1. 101 239
      articalIssue.html

+ 101 - 239
articalIssue.html

1
 <!DOCTYPE html>
1
 <!DOCTYPE html>
2
<html>
2
<html>
3
<head>
3
<head>
4
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
4
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
7
<title>发布文章-科袖网</title>
7
<title>发布文章-科袖网</title>
8
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
8
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
9
<link href="css/bootstrap.min.css" rel="stylesheet">
9
<link href="css/bootstrap.min.css" rel="stylesheet">
10
<link type="text/css" href="css/webuploader/webuploader.css" rel="stylesheet">
10
<link type="text/css" href="css/common.css" rel="stylesheet">
11
<link type="text/css" href="css/common.css" rel="stylesheet">
11
<link type="text/css" href="css/genindex.css" rel="stylesheet">
12
<link type="text/css" href="css/genindex.css" rel="stylesheet">
13
<style type="text/css">
14
	#filePicker{position:absolute;left:50%; bottom:25px; margin-left:-52px;opacity:0; z-index:88;}
15
</style>
12
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
16
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
13

17

14
</head>
18
</head>
24
				<ul class="artAbout">
28
				<ul class="artAbout">
25
					<li>
29
					<li>
26
						<div class="uploadFile">
30
						<div class="uploadFile">
27
	        				<div class="uploadblock">
28
	        					<input type="file" name= "file" class="upInp uploadFileHidden" id="fileone1" data-id="" />
31
	        				<div class="uploadblock" id="uploader" data-id>
32
       							<span class="" id="filePicker">上传图片</span>
29
	        					<!--未上传图片时-->
33
	        					<!--未上传图片时-->
30
	        					<div class="upFront">
34
	        					<div class="upFront">
31
		        					<p>文章封面大图</p>
35
		        					<p>文章封面大图</p>
32
		        					<p>JPG/PNG格式,2M以内。</p>
36
		        					<p>JPG/PNG格式,2M以内。</p>
33
		            				<span class="upbtn">上传图片</span>
37
		        					<span class="upbtn">上传图片</span>
34
	        					</div>
38
	        					</div>
35
	        					<!--已上传图片时-->
39
	        					<!--已上传图片时-->
36
	        					<span class="upbtn upBackbtn">更换图片</span>
40
	        					<span class="upbtn upBackbtn">更换图片</span>
37
		            		</div>
41
		            		</div>
38
	        			</div>
42
	        			</div>
43
	        			<span class="frmconmsg imgtis" style="margin-left:0"></span>
39
					</li>
44
					</li>
40
					<li>
45
					<li>
41
						<div class="aboutTit">标题<span class="frmconmsg">30字以内</span></div>
42
						<div class="frmtype frmcontype textareabox textareaboxEmp" placeholder="请输入标题" contenteditable="true"></div>
46
						<div class="aboutTit" id="aboutTit">标题<span class="frmconmsg"></span></div>
47
					    <input type="text" class="frmtype frmcontype" value="" placeholder="请输入标题" id="newstitle"/>
43
					</li>
48
					</li>
44
					<li class="form-item">
49
					<li class="form-item">
45
						<div class="aboutTit">关键词<span class="frmconmsg">最多可添加5个关键词、每个关键词最多10个字</span></div>
50
						<div class="aboutTit">关键词<span class="frmconmsg" id="keyPrompt"></span></div>
46
						<div style="position: relative;">
51
						<div style="position: relative;">
47
							<input type="text" class="frmtype frmcontype" id="" value="" placeholder="请输入关键词" />
52
							<input type="text" class="frmtype frmcontype" value="" placeholder="请输入关键词" id="KeyWord"/>
48
							<!--输入框中键入内容时按钮显示,添加内容出现在结果标签中时按钮隐藏-->
53
							<!--输入框中键入内容时按钮显示,添加内容出现在结果标签中时按钮隐藏-->
49
							<button class="frmcontype frmadd">添加</button>
54
							<button class="frmcontype frmadd displayNone" id="addkeyWord">添加</button>
50
						</div>
55
						</div>
51
						<div class="form-drop keydrop">
56
						<div class="form-drop keydrop displayNone">
52
							<ul>
57
							<ul>
53
								<li>
58
								<li>
54
									<p class="h2Font">金属材料工程与腐蚀</p>
59
									<p class="h2Font">金属材料工程与腐蚀</p>
62
							</ul>
67
							</ul>
63
						</div>
68
						</div>
64
						<div class="form-result keyResult">
69
						<div class="form-result keyResult">
65
							<ul class="clearfix">
66
								<li>
70
							<ul class="clearfix" id="keyWordlist">
71
								<!--<li>
67
									<p class="h2Font">金属材料工程与腐蚀蚀</p>
72
									<p class="h2Font">金属材料工程与腐蚀蚀</p>
68
									<div class="closeThis"></div>
73
									<div class="closeThis"></div>
69
								</li>
74
								</li>
82
								<li>
87
								<li>
83
									<p class="h2Font">金属材料工程与腐蚀蚀</p>
88
									<p class="h2Font">金属材料工程与腐蚀蚀</p>
84
									<div class="closeThis"></div>
89
									<div class="closeThis"></div>
85
								</li>
90
								</li>-->
86
							</ul>
91
							</ul>
87
						</div>
92
						</div>
88
					</li>
93
					</li>
89
					<li>
94
					<li>
90
						<div class="aboutTit">文章内容<span class="frmconmsg"></span></div>
95
						<div class="aboutTit">文章内容<span class="frmconmsg"></span></div>
91
						<!--这块还是使用编辑框插件-->
96
						<!--这块还是使用编辑框插件-->
92
						<div class="editBlock">
93
							<textarea class="frmtype frmcontype" style="border:none;height:318px;" name="" placeholder="请输入文章内容"></textarea>
97
						<div class="editBlock" style="border:none; height: auto;">
98
							<script id="editor" name="content" type="text/plain" style="height:500px;"></script>
99
							<!--<textarea class="frmtype frmcontype" style="border:none;height:318px;" name="" placeholder="请输入文章内容"></textarea>-->
94
						</div>
100
						</div>
95
					</li>
101
					</li>
96
				</ul>
102
				</ul>
98
			<div class="rightconBox floatR">
104
			<div class="rightconBox floatR">
99
				<div class="conItem">
105
				<div class="conItem">
100
					<ul class="operateBlock">
106
					<ul class="operateBlock">
101
						<li class="goFabu">
107
						<li class="goFabu" id="release">
102
							<em class="operateicon icon-issue"></em>
108
							<em class="operateicon icon-issue"></em>
103
							<p>发布</p>
109
							<p>发布</p>
104
						</li>
110
						</li>
106
							<em class="operateicon icon-timeissue"></em>
112
							<em class="operateicon icon-timeissue"></em>
107
							<p>定时发布</p>
113
							<p>定时发布</p>
108
						</li>
114
						</li>
109
						<li class="articalPreview">
115
						<li class="articalPreview" id="preview">
110
							<em class="operateicon icon-preview"></em>
116
							<em class="operateicon icon-preview"></em>
111
							<p>预览</p>
117
							<p>预览</p>
112
						</li>
118
						</li>
113
						<li>
119
						<li id="draft">
114
							<em class="operateicon icon-draft"></em>
120
							<em class="operateicon icon-draft"></em>
115
							<p>存草稿</p>
121
							<p>存草稿</p>
116
						</li>
122
						</li>
117
						<li>
123
						<li class="disableLi">
118
							<em class="operateicon icon-delete"></em>
124
							<em class="operateicon icon-delete"></em>
119
							<p>删除</p>
125
							<p>删除</p>
120
						</li>
126
						</li>
123
				</div>
129
				</div>
124
				<div class="conItem">
130
				<div class="conItem">
125
					<div class="form-item otherBlock">
131
					<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>
132
						<div class="aboutTit">相关专家<span class="frmconmsg"></span></div>
133
						<input type="text" class="frmtype frmcontype" placeholder="请输入专家姓名" id="checkZj" value="" />
134
						<div class="form-drop displayNone">
135
							<ul class="expertlist" id="expertlist">
136
							
151
							</ul>
137
							</ul>
152
						</div>
138
						</div>
153
						<div class="form-result">
139
						<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>
140
							<ul class="addexpert" id="expertli">
141
								
171
							</ul>
142
							</ul>
172
						</div>
143
						</div>
173
					</div>
144
					</div>
174
					<div class="form-item otherBlock">
145
					<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>
146
						<div class="aboutTit">相关资源<span class="frmconmsg"></span></div>
147
						<input type="text" class="frmtype frmcontype" placeholder="请输入资源名称" id="checkZy" value="" />
148
						<div class="form-drop displayNone">
149
							<ul class="expertlist" id="resouselist">
150
								<li id="4">
180
									<div class="madiaHead resouseHead"></div>
151
									<div class="madiaHead resouseHead"></div>
181
									<div class="madiaInfo">
152
									<div class="madiaInfo">
182
										<p class="h2Font ellipsisSty">资源名称资源名称资源名称资源名称资源名称</p>
153
										<p class="h2Font ellipsisSty">资源名称资源名称资源名称资源名称资源名称</p>
183
										<p class="h1Font">李大大</p>
154
										<p class="h1Font">李大大1</p>
184
									</div>
155
									</div>
156
									<div class="deleteThis"></div>
185
								</li>
157
								</li>
186
								<li>
158
								<li id="5">
187
									<div class="madiaHead resouseHead"></div>
159
									<div class="madiaHead resouseHead"></div>
188
									<div class="madiaInfo">
160
									<div class="madiaInfo">
189
										<p class="h2Font ellipsisSty">资源名称资源名称资源名称资源名称资源名称</p>
161
										<p class="h2Font ellipsisSty">资源名称资源名称资源名称资源名称资源名称</p>
190
										<p class="h1Font">李大大</p>
162
										<p class="h1Font">李大大2</p>
191
									</div>
163
									</div>
164
									<div class="deleteThis"></div>
192
								</li>
165
								</li>
193
								<li>
166
								<li id="6">
194
									<div class="madiaHead resouseHead"></div>
167
									<div class="madiaHead resouseHead"></div>
195
									<div class="madiaInfo">
168
									<div class="madiaInfo">
196
										<p class="h2Font ellipsisSty">资源名称资源名称资源名称资源名称资源名称</p>
169
										<p class="h2Font ellipsisSty">资源名称资源名称资源名称资源名称资源名称</p>
197
										<p class="h1Font">李大大</p>
170
										<p class="h1Font">李大大3</p>
198
									</div>
171
									</div>
172
									<div class="deleteThis"></div>
199
								</li>
173
								</li>
200
							</ul>
174
							</ul>
201
						</div>
175
						</div>
202
						<div class="form-result">
176
						<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>
177
							<ul class="addexpert" id="resources">
178
								
220
							</ul>
179
							</ul>
221
						</div>
180
						</div>
222
					</div>
181
					</div>
228
<footer>
187
<footer>
229
	<script type="text/javascript" src="js/footer.js"></script>
188
	<script type="text/javascript" src="js/footer.js"></script>
230
</footer>
189
</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

190

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>
191
<script type="text/javascript" src="js/ueditor/ueditor.config.js"></script>
192
<script type="text/javascript" src="js/ueditor/ueditor.all.js"> </script>
193
<script type="text/javascript" src="js/webuploader/webuploader.js"></script>
194
<script type="text/javascript"src="js/jquery.cookie.js"></script>
195
<script type="text/javascript"src="js/jquery.similar.msgbox.js"></script>
361
<script type="text/javascript" src="js/common.js"></script>
196
<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
	})
197
<script type="text/javascript" src="js/articalIssue.js"></script>
198
<script type="text/javascript">
199
//初始引用编辑器
200
ue = UE.getEditor('editor', {});
201

202
// 初始化Web Uploader
203
var uploader = WebUploader.create({
204
	// 选完文件后,是否自动上传。
205
    auto: true,
206
    // 添加的文件数量
207
    //fileNumLimit: 1,
208
    // swf文件路径
209
    swf: '../js/webuploader/Uploader.swf',
210
    // 文件接收服务端。
211
    server: '../ajax/cachedFileUpload',
212
    // 选择文件的按钮。可选。
213
    // 内部根据当前运行是创建,可能是input元素,也可能是flash.
214

215
    pick : {
216
    	id : "#filePicker",
217
    	multiple: false
218
    	},
219
    // 只允许选择图片文件。
220
    accept: {
221
        title: 'Images',
222
        extensions: 'gif,jpg,jpeg,bmp,png',
223
        mimeTypes: 'image/gif,image/jpg,image/jpeg,image/bmp,image/png'
224
    }
225
   
226
});
227

228
// 当有文件添加进来的时候
229
uploader.on( 'fileQueued', function( file ) {
230
    uploader.makeThumb( file, function( error, src ) {
231
        $("#uploader").css("background-image","url("+src+")");
232
        $(".imgtis").text("");
233
        $(".upFront").hide();
234
        $(".upBackbtn").show();
235
    }, 1, 1 );
236
    
237
});
238

239
// 文件上传成功,给item添加成功class, 用样式标记上传成功。
240
cacheImageKey="";
241
uploader.on( 'uploadSuccess', function(file,data) {
242
	cacheImageKey =data.data[0].cacheKey;
243
	$("#uploader").attr("data-id",cacheImageKey);
244
});
245

384
</script>
246
</script>
385
</body>
247
</body>
386
</html>
248
</html>