-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathImpress.html
431 lines (391 loc) · 23.8 KB
/
Impress.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
<head>
<!--
DEMO created by http://panaghia.it [sergio panagia]
MIT STYLE LICENSE
-->
<title>Content Impress Demo: Toggle Button | Panaghia</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="css/asdui1.4b.css" type="text/css" media="all" />
<style type="text/css">
#logo
{
position: absolute;
top:5px;
right:0px;
background-repeat: no-repeat;
width:282px;
height:30px;
z-index:3;
cursor: pointer;
}
input[type="button"]
{
position: relative;
padding:5px;
border:1px solid #999;
background-color:#eee;
box-shadow:1px 1px 2px #999;
-webkit-box-shadow: 1px 1px 2px #999;
-moz-box-shadow:1px 1px 2px #999;
background-position: 5px center;
padding-left:25px;
min-height:20px;
background-repeat: no-repeat;
line-height: 1;
cursor: pointer;
margin-bottom:10px;
}
#wrap
{
position: relative;
margin-right:5px;
background-color:#c0c0c0;
}
#head
{
position:relative;
float:left;
width: 100%;
height:50px;
background-color:#555;
color:#fff;
text-align: left;
margin-bottom:10px;
}
#head h1
{
position: relative;
text-align: left;
font-size:220%;
color:#eee;
text-shadow: -1px -1px 1px #111;
z-index:2;
margin-left:50px;
width:auto;
}
.inside
{
padding-left:15px;
}
#leftSide
{
position: relative;
width:15%;
min-height:200px;
height:100%;
background-color:#c0c0c0;
min-width:100px;
float:left;
visibility: visible;
display: block;
padding-top:5px;
}
#leftSide span
{
display: block;
}
#content
{
position: relative;
width:65%;
height:100%;
float:left;
}
#shw
{
position: absolute;
top:0px;
width:100%;
height:10px;
background-color:#111;
}
#rightSide
{
position: relative;
width:20%;
min-height:500px;
height:100%;
float:left;
background-color:#eee;
font-size:80%;
}
#footer
{
position: relative;
width:100%;
min-height:50px;
float:left;
text-align: center;
}
</style>
</head>
<body>
<div id="wrap">
<div id="head"> <h1>Impress Demo: Toggle's button</h1>
<div id="logo"></div>
</div>
<div id="leftSide">
<div class="inside">
<span id="im01"><a href="#">list</a></span>
<span id="im02"><a href="#">list</a></span>
<span id="im03"><a href="#">list</a></span>
<span id="im04"><a href="#">list</a></span>
</div>
</div>
<div id="content">
<div class="inside impress">
<input type="button" class="impressButton" value="Impress" />
<h2>Press the Impress button to toggle focus on text</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut augue mi, eu fermentum dolor. Nunc id turpis nulla, non vestibulum felis. Sed sed suscipit nibh. Ut diam sapien, consectetur vel volutpat in, dictum non mi. Suspendisse potenti. Nulla at odio ligula, et mollis odio. Ut semper posuere nibh ac mattis. Suspendisse ipsum ipsum, mollis in cursus sed, ullamcorper a lorem. Donec tempus, erat porttitor egestas blandit, odio libero rutrum enim, sit amet congue massa nisi id diam. Maecenas erat odio, condimentum et , euismod eu est. Cras cursus, tellus non congue ornare, tortor nunc tempor elit, viverra hendrerit mi dolor id tellus. Mauris nec lobortis lorem.</p>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum vitae nunc leo. Morbi bibendum ligula id lectus scelerisque a interdum odio dignissim. In id purus a orci ultrices venenatis. Nullam erat erat, malesuada sit amet convallis vel, ultrices non augue. Ut cursus quam eu sapien auctor vestibulum. Aliquam gravida orci eget enim rutrum volutpat. Nullam eu dolor euismod massa tristique lobortis. Curabitur cursus ullamcorper mi, vel auctor enim interdum at. Nam vel lorem ac lorem congue sodales. Ut congue turpis et turpis sodales dictum. Fusce bibendum augue a enim posuere volutpat consectetur diam euismod. Donec eu turpis ut felis egestas consequat. Maecenas nec rhoncus nulla.
</p><p>Nam sit amet arcu massa, quis euismod est. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aenean luctus auctor tincidunt. Integer hendrerit lorem non lectus viverra non gravida mi congue. Nulla id aliquet risus. In non iaculis felis. Duis ut mattis risus. Proin dignissim leo in libero scelerisque a fringilla enim fringilla. Sed quis diam et turpis accumsan tincidunt. Aliquam ac ante vitae dui hendrerit bibendum et sit amet leo. Maecenas elit dui, facilisis sit amet posuere sed, ultrices in est. Proin placerat sagittis viverra. In pretium, sapien eu ullamcorper ornare, neque sem tristique enim, et porta nisi mi sed orci.</p>
<p>Integer sit amet mauris id ligula vehicula porta. Morbi sed lectus eros, sit amet tristique dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras ultrices, eros eu accumsan tincidunt, nisl elit sagittis nunc, at viverra nunc eros nec lorem. Suspendisse convallis metus at justo scelerisque tristique. Nam et massa nisi, quis lacinia nulla. Curabitur vitae mi lectus, eu auctor metus. Nullam lectus dolor, semper sed facilisis id, mattis quis ipsum. Nulla erat leo, lacinia vel sodales ac, mattis ut justo. Proin ut nisi eget velit molestie porttitor. Aenean elit mauris, interdum vitae aliquet non, fringilla eu quam. Aliquam erat volutpat. Suspendisse ultrices elit a ante gravida ut tincidunt est viverra. Maecenas vehicula orci eu est adipiscing in rhoncus quam lacinia. Phasellus mauris elit, aliquam sit amet consectetur sed, condimentum id risus. Maecenas lacus quam, laoreet eget ultrices sit amet, placerat suscipit sapien. In non diam eros, id pulvinar lorem. Vestibulum dolor quam, egestas vel dapibus vitae, dignissim vitae elit. Mauris dapibus ultricies sem ac ultricies. Integer iaculis risus id nulla aliquet quis scelerisque risus ultricies.</p>
<p>Sed feugiat mauris eget nunc gravida ultricies vitae id nibh. Nam vitae magna ac metus dignissim auctor dapibus sed velit. Donec dignissim facilisis lorem, et viverra lectus interdum sed. Aliquam auctor aliquet malesuada. Ut tortor nulla, porta sed vehicula nec, euismod ac est. Curabitur mi mauris, dignissim a tempor vel, vehicula nec augue. Mauris urna nisi, dapibus varius luctus sed, laoreet ut elit. Fusce quam elit, dictum ac placerat vitae, tempor at nibh. Nam a felis lorem. Pellentesque pulvinar pellentesque risus. Quisque sit amet pretium urna. Praesent pellentesque lacus vitae elit rhoncus viverra. Phasellus blandit ornare dignissim. Nullam elementum arcu pharetra justo mollis sed ultricies lectus interdum. Curabitur a tortor at purus suscipit viverra accumsan sed enim. Quisque convallis interdum leo. Proin non est sit amet nibh fringilla bibendum vel et neque. Nam ac nisl arcu, tristique volutpat tellus. Aliquam ac dui tincidunt turpis accumsan luctus. Nulla a diam sed elit mattis accumsan.</p>
</div>
</div>
<div id="rightSide" class="impress">
<div class="inside">
<input type="button" class="impressButton" value="Impress" />
<h3>About the author</h3>
<em>Da Wikipedia</em>
<p>Marco Tullio Cicerone (in latino: Marcus Tullius Cicero, IPA: 'markus 'tulːius 'kikeroː; in greco antico: Κικέρων, Kikérōn; Arpinum, 3 gennaio 106 a.C. – Formiae, 7 dicembre 43 a.C.) fu un celebre filosofo, avvocato e scrittore romano, nonché uomo politico dell'ultimo periodo della Repubblica Romana.</p>
<p>Esponente di un'agiata famiglia dell'ordine equestre, Cicerone fu una delle figure più rilevanti di tutta l'antichità romana.</p><p>La sua vastissima produzione letteraria, che va dalle orazioni politiche agli scritti di filosofia e retorica, oltre a offrire un prezioso ritratto della società romana negli ultimi travagliati anni della repubblica, rimase come esempio per tutti gli autori del I secolo a.C., tanto da poter essere considerata il prototipo della letteratura latina classica.</p><p>Attraverso l'opera di Cicerone, grande ammiratore della cultura greca, i Romani poterono anche acquisire una migliore conoscenza della filosofia.</p><p>Tra i suoi maggiori contributi alla cultura latina ci fu senza dubbio la creazione di un lessico filosofico latino: Cicerone si impegnò, infatti, a trovare il corrispondente vocabolo in latino per tutti i termini specifici del linguaggio filosofico greco.[1] Tra le opere fondamentali per la comprensione del mondo latino si collocano invece le Lettere (Epistulae, in particolar modo quelle all'amico Tito Pomponio Attico), che offrono numerosissime riflessioni su ogni avvenimento, permettendo di comprendere quali fossero le reali linee politiche dell'aristocrazia romana.</p>
</div>
</div>
<div id="footer">
© <a href="http://panaghia.it" title="Sergio Panagia" >Sergio Panagia</a>
</div>
</div>
<div id="impControl" class="asd_imctrol">
<h2 id="imp_handle" class="asd_imhand"><a href="javascript:void(0)" rel="close" class="closebtn" title="关闭"></a>系统帮助</h2>
<div id="impTxt" class="asd_imptxt"></div>
<div class="imp_body">
<a href="javascript:void(0)" rel="im01" data-info="<p>Esponente di un'agiata famiglia dell'ordine equestre, Cicerone fu una delle figure più rilevanti di tutta l'antichità romana.</p>">1</a>
<a href="javascript:void(0)" rel="im02" data-info=" modo quelle all'amico Tito Pomponio Attico), che offrono numerosissime riflessioni su ogni avvenimento, permettendo di comprendere quali fossero le reali linee politiche dell'aristocrazia romana.">2</a>
<a href="javascript:void(0)" rel="im03" data-info="3333333">3</a>
<a href="javascript:void(0)" rel="im04" dat-infoa="44444444">4</a>
<a href="javascript:void(0)" rel="content" data-info="主导航子菜单">主导航子菜单</a>
<a href="javascript:void(0)" rel="impH_01" data-info="主工作区的说明">运行管理</a>
<a href="javascript:void(0)" rel="impH_01_nav" data-info="功能模块导航">------功能模块导航</a>
<a href="javascript:void(0)" rel="toptable" data-info="标准检查表">------标准检查表</a>
<a href="javascript:void(0)" rel="listTable1" data-info="上传文件历史记录列表">------上传文件历史记录列表</a>
<a href="javascript:void(0)" rel="rightSide" data-info="sidebar的说明">sidebar</a>
</div>
</div>
<!--start help-->
<div class="ASDBox-Box" style="z-index: 200; position: absolute; opacity: 1; top: 67px; left: 331px; overflow: hidden;" id="impH_01">
<div class="ASDBox-InBoxTop">
<div class="handle" id="hand56"></div>
<div id="ASDBox-Boxclosebtn" class="closebtn" style="display: none;"></div>
<div id="ASDBox-boxtitle" class="boxtile">职业健康安全方针、规划、目标和计划</div>
<div class="closebtn"></div>
<a class="Msizebtn"></a>
<a class="Bsizebtn"></a>
</div>
<div class="ASDBox-InBox" style="width: 1000px; height: 560px;">
<div class="ASDBox-BoxContent">
<div class="myhtmls">
<!--0000000-->
<h2 class="cmenubox" id="impH_01_nav">
<em class="ASD-left"></em>
<ol style="width: 599px;">
<li class="cTab onact">1、职业健康安全方针、规划计划和总结</li>
<li class="cTab ">2、目标和方案管理</li>
<li class="cTab ">3、安全投入费用管理</li>
</ol>
<em class="ASD-right"></em>
</h2>
<table id="toptable" class="table02">
<colgroup>
<col style="width:320px">
<col>
<col style="width:180px">
</colgroup>
<thead>
<tr>
<th>要素</th>
<th>当前任务/文件</th>
<th>操作</th>
</tr>
</thead>
<tbody id="tbodycontent" style="">
<tr>
<th id="ths0">1.1职业健康安全方针要求*</th>
<td><div class="fileName"><i class="icon32 ok"></i><a id="getUrlsvalue0">《职业健康安全方针》</a> </div></td>
<td><a id="lookmessage0a" class="bn_a upbtn" href="#"><span><s> </s><tt><em class="icon16 upload"></em>上传文件</tt></span></a> <a id="connectmessage0" class="bn_a connectbtn" href="#"><span><s> </s><tt><em class="icon16 upload"></em>关联文件</tt></span></a> </td>
</tr>
<tr>
<th id="ths1">1.2安全中长期规划要求*</th>
<td><div class="fileName"><i class="icon32 ok"></i><a id="getUrlsvalue1">《安全中长期规划》</a> </div></td>
<td><a id="lookmessage1a" class="bn_a upbtn" href="#"><span><s> </s><tt><em class="icon16 upload"></em>上传文件</tt></span></a> <a id="connectmessage1" class="bn_a connectbtn" href="#"><span><s> </s><tt><em class="icon16 upload"></em>关联文件</tt></span></a> </td>
</tr>
<tr>
<th id="ths2" rowspan="2">1.3企业年度安全工作计划*</th>
<td><div class="fileName"><i class="icon32 ok"></i><a id="getUrlsvalue2">《计划完成情况检查记录》</a> </div></td>
<td><a id="lookmessage2a" class="bn_a upbtn" href="#"><span><s> </s><tt><em class="icon16 upload"></em>上传文件</tt></span></a> <a id="connectmessage2" class="bn_a connectbtn" href="#"><span><s> </s><tt><em class="icon16 upload"></em>关联文件</tt></span></a> </td>
</tr>
<tr>
<th id="ths3" style="display: none;">1.3企业年度安全工作计划*</th>
<td><div class="fileName"><i class="icon32 ok"></i><a id="getUrlsvalue3">《企业年度安全计划》</a> </div></td>
<td><a id="lookmessage3a" class="bn_a upbtn" href="#"><span><s> </s><tt><em class="icon16 upload"></em>上传文件</tt></span></a> <a id="connectmessage3" class="bn_a connectbtn" href="#"><span><s> </s><tt><em class="icon16 upload"></em>关联文件</tt></span></a> </td>
</tr>
<tr>
<th id="ths4">1.4企业年度安全工作总结*</th>
<td><div class="fileName"><i class="icon32 ok"></i><a id="getUrlsvalue4">《企业年度安全工作总结》</a> </div></td>
<td><a id="lookmessage4a" class="bn_a upbtn" href="#"><span><s> </s><tt><em class="icon16 upload"></em>上传文件</tt></span></a> <a id="connectmessage4" class="bn_a connectbtn" href="#"><span><s> </s><tt><em class="icon16 upload"></em>关联文件</tt></span></a> </td>
</tr>
</tbody>
</table>
<!--//01-->
<!-- 列表信息显示 -->
<table width="100%" cellspacing="0" cellpadding="0" border="0" id="formTable1" class="table02">
<thead>
<tr>
<th colspan="3"><span class="red">文件数据列表</span></th>
</tr>
</thead>
</table>
<table width="100%" cellspacing="0" cellpadding="0" border="0" id="listTable1" class="table02 makelist">
<colgroup>
<col>
<col style="width: 150px;">
<col style="width: 110px;">
<col style="width: 180px;">
<col style="width: 200px;">
</colgroup>
<thead>
<tr id="sortId">
<td width="" class="t_bg"><span class="sortTH"><a _filed="content" _val="0" href="#" class="">要素</a><em class="icon16 listdown"></em> </span>
<div id="filesclass" class="sortBox" style="display: none;"><span class="sortTH"><a class="userypesclass" id="fileclassofid1" href="#">1.1职业健康安全方......</a><a class="userypesclass" id="fileclassofid3" href="#">1.3企业年度安全工......</a><a class="userypesclass" id="fileclassofid4" href="#">1.4企业年度安全工......</a><a href="#">全部显示</a></span></div></td>
<td width="150px" class="t_bg"><span class="sortTH"><a _filed="organ_name" _val="0" href="#" class="">发布部门</a><em class="icon16 listdown"></em> </span>
<div id="fileorgan" class="sortBox" style="display: none;"><span class="sortTH"><a class="userypesclass" id="fileorganofidO00000000000217" href="#">动力车间</a><a class="userypesclass" id="fileorganofidO00000000000007" href="#">恩施卷烟厂</a><a href="#">全部显示</a></span></div></td>
<td width="110px" class="t_bg"><span class="sortTH"><a href="#" class="">全部显示</a><em class="icon16 listdown"></em> </span>
<div id="usertypesofid" class="sortBox" style="display: none;"><span class="sortTH"><a name="1" class="userypesclass" href="#">集团</a><a name="2" class="userypesclass" href="#">厂级</a><a name="3" class="userypesclass" href="#">部门、车间</a><a href="#">全部显示</a></span></div></td>
<td width="180px" class="t_bg">发布时间</td>
<td width="200px" class="t_bg">操作</td>
</tr>
</thead>
<tbody>
<tr id="5">
<td><a rel="1" class="marR5 jumpto" href="#">1.4企业年度安全工作总结*</a></td>
<td>恩施卷烟厂</td>
<td>厂级</td>
<td>2012-09-08 11:01:38</td>
<td><span class="alicenter"><a rel="3" class="marR5 jumpto" href="#">删除</a> <a width="100px" id="lookoldfversion5" class="bn_a hisbtn" href="#"><s> </s><tt><em class="icon16 his"></em>历史版本</tt> </a></span>
<div class="AdropBox">
<div id="thisofpid5" class="Adrop drw01" style="display: none;">
<p id="kvf" class="hlist"><span class="alicenter"><a width="100px" id="lookoldfversion5" class="bn_a hisbtn" href="#">版本1.0</a></span></p>
<p class="hlist"><span class="alicenter"><a width="100px" id="lookoldfversion5" class="bn_a hisbtn" href="#">版本1.0</a></span></p>
<p class="hlist"><span class="alicenter"><a width="100px" id="lookoldfversion5" class="bn_a hisbtn" href="#">版本1.0</a></span></p>
<p class="hlist"><span class="alicenter"><a width="100px" id="lookoldfversion5" class="bn_a hisbtn" href="#">版本1.0</a></span></p>
</div>
</div>
<span class="alicenter">
<input name="hidden2" type="hidden" id="itemarkvalues5" value="c1-1.4-a">
<input name="hidden2" type="hidden" id="linkidvalues5" value="4">
</span></td>
</tr>
<tr id="4">
<td><a rel="1" class="marR5 jumpto" href="javascript:lookEbook('../uploadfile/1347071370250.xls');">1.3企业年度安全工作计划*</a></td>
<td>动力车间</td>
<td>部门、车间</td>
<td>2012-09-08 10:29:31</td>
<td><span class="alicenter"><a rel="3" class="marR5 jumpto" href="javascript:;">删除</a> <a width="100px" id="lookoldfversion4" class="bn_a hisbtn" href="#"><s> </s><tt><em class="icon16 his"></em>历史版本</tt> </a></span>
<div class="AdropBox">
<div id="thisofpid4" class="Adrop drw01" style="display: none;">
<p id="kvf" class="hlist"><span class="alicenter"><a width="100px" id="lookoldfversion4" class="bn_a hisbtn" href="#">版本1.0</a></span></p>
<p class="hlist"><span class="alicenter"><a width="100px" id="lookoldfversion4" class="bn_a hisbtn" href="#">版本1.0</a></span></p>
<p class="hlist"><span class="alicenter"><a width="100px" id="lookoldfversion4" class="bn_a hisbtn" href="#">版本1.0</a></span></p>
<p class="hlist"><span class="alicenter"><a width="100px" id="lookoldfversion4" class="bn_a hisbtn" href="#">版本1.0</a></span></p>
</div>
</div>
<span class="alicenter">
<input name="hidden2" type="hidden" id="itemarkvalues4" value="c1-1.3-b">
<input name="hidden2" type="hidden" id="linkidvalues4" value="3">
</span></td>
</tr>
<tr id="2">
<td><a rel="1" class="marR5 jumpto" href="#">1.3企业年度安全工作计划*</a></td>
<td>恩施卷烟厂</td>
<td>厂级</td>
<td>2012-09-08 10:28:31</td>
<td><span class="alicenter"><a rel="3" class="marR5 jumpto" href="#">删除</a> <a width="100px" id="lookoldfversion2" class="bn_a hisbtn" href="#"><s> </s><tt><em class="icon16 his"></em>历史版本</tt> </a></span>
<div class="AdropBox">
<div id="thisofpid2" class="Adrop drw01" style="display: none;">
<p id="kvf" class="hlist"><span class="alicenter"><a width="100px" id="lookoldfversion2" class="bn_a hisbtn" href="#">版本1.0</a></span></p>
<p class="hlist"><span class="alicenter"><a width="100px" id="lookoldfversion2" class="bn_a hisbtn" href="#">版本1.0</a></span></p>
<p class="hlist"><span class="alicenter"><a width="100px" id="lookoldfversion2" class="bn_a hisbtn" href="#">版本1.0</a></span></p>
<p class="hlist"><span class="alicenter"><a width="100px" id="lookoldfversion2" class="bn_a hisbtn" href="#">版本1.0</a></span></p>
</div>
</div>
<span class="alicenter">
<input name="hidden2" type="hidden" id="itemarkvalues2" value="c1-1.3-b">
<input name="hidden2" type="hidden" id="linkidvalues2" value="3">
</span></td>
</tr>
<tr id="1">
<td><a rel="1" class="marR5 jumpto" href="javascript:lookEbook('../uploadfile/1347071288812.xls');">1.1职业健康安全方针要求*</a></td>
<td>恩施卷烟厂</td>
<td>厂级</td>
<td>2012-09-08 10:28:13</td>
<td><span class="alicenter"><a rel="3" class="marR5 jumpto" href="javascript:;">删除</a> <a width="100px" id="lookoldfversion1" class="bn_a hisbtn" href="#"><s> </s><tt><em class="icon16 his"></em>历史版本</tt> </a></span>
<div class="AdropBox">
<div id="thisofpid1" class="Adrop drw01" style="display: none;">
<p id="kvf" class="hlist"><span class="alicenter"><a width="100px" id="lookoldfversion1" class="bn_a hisbtn" href="#">版本1.0</a></span></p>
<p class="hlist"><span class="alicenter"><a width="100px" id="lookoldfversion1" class="bn_a hisbtn" href="#">版本1.0</a></span></p>
<p class="hlist"><span class="alicenter"><a width="100px" id="lookoldfversion1" class="bn_a hisbtn" href="#">版本1.0</a></span></p>
<p class="hlist"><span class="alicenter"><a width="100px" id="lookoldfversion1" class="bn_a hisbtn" href="#">版本1.0</a></span></p>
</div>
</div>
<span class="alicenter">
<input name="hidden2" type="hidden" id="itemarkvalues1" value="c1-1.1-a">
<input name="hidden2" type="hidden" id="linkidvalues1" value="1">
</span></td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="5"><div class="pagingBox" id="Pagination" style="display: block;"><span class="paging"><a class="Pagedisprev" href="#">上一页</a><a href="#" class="clicked">1</a><a class="Pagedisnext" href="#">下一页</a><span>第1/1页</span></span></div></td>
</tr>
</tfoot>
</table>
<!--//0000000-->
</div>
</div>
</div>
</div>
<script type="text/javascript" src="js/jquery1.91.min.js"></script>
<script src="js/asdui.js" type="text/javascript"></script>
<script type="text/javascript">
var impress = new ZUI.Impress({
opacity: 0.7,
color: '#333',
control:'impControl',
txtbox:'impTxt',
dragHand:'imp_handle',
onEvent: function(el,b){
//console.log($(el).data('info'));console.log(b);
switch($(el).attr('rel')){
case 'impH_01':
case 'impH_01_nav':
case 'toptable':
case 'listTable1':
$('#impH_01').show();
break;
default:
$('#impH_01').hide();
//alert($('#impH_01').measure().top);
break;
}
}
});
$(document).ready(function(){
$('.impressButton').on('click', function(){
impress.showCtrol();
});
});
</script>
</body>
</html>