-
Notifications
You must be signed in to change notification settings - Fork 0
/
reading.html
232 lines (219 loc) · 15.7 KB
/
reading.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
<!DOCTYPE <html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>阅读文章 | 大型主机科普网站</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link type="text/css" rel="stylesheet" href="css/style.css" />
<style>
.page{width:950px; float:left; overflow:hidden;}
#bodyTitle h1{ text-align:center;color:#333; font:24px/60px "微软雅黑", "宋体"; margin-top:10px; border-top:solid 1px #e1e1e1;}
.pubDate { overflow:hidden; height:30px; line-height:30px; color:#838383; clear:both; display:block; margin-top:7px;text-align:center;}
.daodu { background:#f3f3f3; margin:10px auto; padding:10px; font-size:14px; line-height:25px; color:#838383; text-align:left; width:830px;}
.area_body { margin:30px auto;text-align:left; width:850px;}
.area_body p { margin-bottom:20px; text-indent:2em;}
#sharebtn{ float:right; }
.bdsharebuttonbox { float:left;color:#333; width:200px;}
.bdsharebuttonbox span{ float:left;line-height:30px; height:30px;width:60px;}
.line2{height:0;font-size:0;line-height:0;overflow:hidden;clear:both; margin-top:40px; margin-bottom:20px;border-bottom:1px dotted #ccc}
.tie-area { width:948px; border: 1px solid #dcdddd; background: #f6f9fa; font-size: 12px; margin-bottom:12px;}
.tie-area strong { font-weight: bold; }
.tie-area form, .tie-area ul, .tie-area ol { margin: 0; padding: 0; }
.tie-area img { border: none; }
.tie-area a, .tie-area a:visited { color: #1e50a2; }
.tie-area .cDRed{color: #ba2636; font:12px "宋体" }
.tie-area .cDRed a{ color: #ba2636; font:12px "宋体" }
.tie-area .tieLink { margin-left:465px; font:12px "宋体" }
.tie-area .tieLink a{ color: #000; }
.tie-hidden { display: none; }
.tie-titlebar {height: 25px;line-height: 25px;clear: both;overflow: hidden;text-align: left;margin-top: 12px;padding-left: 21px;font-size: 14px; border-bottom:1px dashed #CCC;}
/* 发贴区 */
.tie-post { padding: 8px 19px 20px 19px;zoom: 1;overflow: hidden;clear: both;}
/* 表单输入框 */
.tie-textbox {background: #fff; width: 80px; height: 14px; line-height: 14px;border: 1px solid #dcdddd;font-size: 12px;padding:0 2px;}
.tie-textbox2 {background: #fff; width: 40px; height:14px; line-height: 14px;border: 1px solid #ccc;font-size: 12px;padding:0 3px; float:left; margin-top:8px;}
/* 回复表单 */
.tie-postform .tie-textarea { width: 98%; height: 130px; padding: 5px 0 0 5px; border: 1px solid #dcdddd; background: #fff;font-size: 14px;clear: both;text-align: left;color: #555;}
.tie-postform .tie-textarea-focus { color: #000; }
.tie-postform .send { clear: both;line-height: 30px; height:30px; }
.tie-postform .send p { float: left; color: #555; margin: 0; height:30px; line-height:35px; }
.tie-postform .send .toPost { cursor: pointer; font-size: 12px; }
/* 发贴作者 */
.btn6 {background:rgba(100, 169, 236, 0.97); height:24px; width:50px; border:0px; cursor: pointer; float:right; margin-right:20px; color:#fff; border-radius:2px;}
.tie-author { clear: both; text-align: left; margin-bottom: 8px;height: 24px;line-height: 24px;overflow: hidden; margin-top:7px;}
.tie-author input { vertical-align: middle; }
.tie-author-logon,.tie-author-nickname,.tie-author-toname { display: none; }
.tie-author .tie-button { cursor: pointer; font-size: 12px; }
.tie-author-logon { color: #1e50a2; position: relative; zoom: 1; height:24px; }
</style>
</head>
<body>
<div id="topBar">
<div class="wrapper">
<div class="l">
您好，欢迎访问大型主机科普网站！
</div>
<div class="r">
<a href="#" onclick="window.external.AddFavorite(location.href,'');">加入收藏</a>
<a href="#" onclick="this.style.behavior='url(#default#homepage)';this.setHomePage(location.href);">设为首页</a>
<span> <a href="" target="_blank">登录</a>| <a href="" target="_blank">注册</a>| <a href="" target="_blank">管理员入口</a> </span>
</div>
</div>
</div>
<div id="header">
<div class="wrapper">
<div class="logo">
<a href="/"><img src="images/logo3.png" alt="大型主机科普网站" /></a>
</div>
</div>
</div>
<div id="nav">
<ul>
<li><a href="index.html" class="a1">首页</a></li>
<li><a href="recent.html" class="a2">科技快讯</a></li>
<li><a href="technology.html" class="a3">主机技术</a></li>
<li><a href="medias.html" class="a4">科普乐园</a></li>
<li><a href="q_a.html" class="a5">知识问答</a></li>
<form class="search" method="get" action="" target="_blank">
<p> <input class="searchTxt" value="" maxlength="30" name="wd" type="text" style="background-image:url('images/search_bg.png') " /> <input src="images/search_icon.png" class="search_icon" name="" type="image" /> </p>
</form>
</ul>
</div>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.zclip.js"></script>
<script type="text/javascript">
$(document).ready(function(){
/* 定义所有class为copy标签，点击后可复制被点击对象的文本 */
$(".copy").zclip({
path: "js/ZeroClipboard.swf",
copy: function(){
return window.location.href;
},
beforeCopy:function(){/* 按住鼠标时的操作 */
$(this).css("color","orange");
},
afterCopy:function(){/* 复制成功后的操作 */
alert('链接已复制到剪贴板');
}
});
});
</script>
<script type="text/javascript">
function select_search_type(n){
document.getElementById('search_type1').className='';
document.getElementById('search_type2').className='';
document.getElementById('search_type3').className='';
document.getElementById('search_type'+n).className='current';
document.getElementById('search_type').value=n;
}
</script>
<div id="main">
<!-- 来自中国科普网的样式 开始 -->
<div class="page">
<!--当前位置-->
<div id="current">
所在位置：
<a href="" class="curr">首页</a> >
<a href="" class="curr">XXXX</a> >
<a href="" class="curr">XXXXXXX</a>
</div>
<div id="bodyTitle">
<h1>
标题标题标题标题标题标题标题标题
</h1>
</div>
<div class="pubDate">
<span id="pub_date">
2015年05月15日 13:21
</span>
</div>
<div class="daodu">
<b>
[简介]
</b>
啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦了啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦。
</div>
<div style="font-size:16px" class="area_body">
<p>
正文
</p>
</div>
<div id="sharebtn">
<div class="bdsharebuttonbox">
<span>
<a href="#none" class="copy">赞</a>
</span>
<span>
分享到：
</span>
<a href="#none" class="copy">
<svg version="1.1" id="图形" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 1024 1024" enable-background="new 0 0 24 24" xml:space="preserve">
<path fill="#eb4f38" d="M435.085312 741.517056c-191.285248-42.515456-312.517632-233.66656-270.249984-426.0864 5.010432-22.807552 12.207104-45.12256 21.417984-66.31936 8.247296-18.992128 30.209024-27.610112 49.112064-19.365888 18.886656 8.298496 27.50464 30.42304 19.260416 49.411072-7.28064 16.758784-12.977152 34.410496-16.94208 52.465664C204.29312 483.634944 300.065792 634.636032 451.181568 668.226304c151.1424 33.589248 301.248512-62.758912 334.628864-214.771712 33.391616-152.024064-62.370816-303.044608-213.49888-336.633856-29.37344-6.525952-59.282432-8.302592-88.89344-5.295104-20.481024 2.107392-38.802432-12.935168-40.869888-33.565696-2.069504-20.612096 12.873728-39.01952 33.370112-41.095168 37.504-3.81952 75.364352-1.564672 112.492544 6.685696 191.282176 42.514432 312.5248 233.66656 270.2592 426.099712C816.406528 662.070016 626.397184 784.036608 435.085312 741.517056zM541.93152 255.125248c75.452416 16.770048 123.094016 91.871232 106.422272 167.771136-16.67072 75.8784-91.336704 123.826176-166.796288 107.055104-75.433984-16.766976-123.090944-91.905024-106.42944-167.775232 3.252224-14.802944 8.782848-28.500992 16.013312-40.88832-88.656896-101.753856-148.207616-264.23808-121.088-436.612096 3.213312-20.46976 22.322176-34.44736 42.665984-31.199232 0.768 0.114688 1.5104 0.257024 2.258944 0.42496 19.110912 4.245504 31.863808 22.797312 28.756992 42.499072-22.998016 146.246656 27.620352 286.537728 101.056512 372.712448C473.430016 253.37728 507.561984 247.490304 541.93152 255.125248z" transform="translate(0, 812) scale(1, -1)"/>
</svg>
</a>
<a href="#"onClick="copy();">
<svg version="1.1" id="图形" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 1024 1024" enable-background="new 0 0 1024 1024" xml:space="preserve">
<path fill="#eb4f38" d="M441.833472 337.402624c-120.462336-5.562368-217.848832-70.090752-217.848832-150.581248 0-80.380928 97.386496-140.8 217.848832-135.170048 120.548352 5.49376 218.123264 80.95232 218.123264 161.333248C659.956736 293.27744 562.381824 342.96704 441.833472 337.402624zM523.907072 134.955776c-36.893696-47.622144-109.886464-70.8608-180.780032-32.472064-33.727488 18.28864-32.484352 54.23616-32.484352 54.23616s-14.005248 113.496064 107.158528 127.675392C539.143168 298.467072 560.79872 182.599424 523.907072 134.955776zM442.63424 210.962176c-7.748608-5.629952-9.332736-16.37888-5.10976-23.085056 4.0448-6.8608 13.476864-7.651328 21.139456-1.93536 7.486464 5.915648 10.38848 16.224256 6.330368 23.085056C460.949504 215.710464 451.617792 217.645824 442.63424 210.962176zM385.219584 195.350272c-22.634496-2.35008-38.828032-22.074368-38.828032-40.937472 0-18.907136 18.2272-31.96928 40.849408-29.307904 22.537216 2.572288 40.873984 19.985408 40.873984 38.828032C428.114944 182.863616 411.206656 197.836544 385.219584 195.350272zM809.340928 727.413504 214.289408 727.413504c-71.927808 0-130.235392-58.30656-130.235392-130.244608l0-595.03104c0-71.938048 58.307584-130.245632 130.235392-130.245632l595.05152 0c71.926784 0 130.234368 58.307584 130.234368 130.245632L939.575296 597.168896C939.574272 669.106944 881.267712 727.413504 809.340928 727.413504zM767.643648 159.62496c-49.665024-105.491456-213.439488-156.827648-334.790656-147.330048-115.340288 9.081856-263.634944 47.403008-278.948864 186.970112 0 0-8.113152 63.209472 53.183488 145.020928 0 0 88.142848 123.077632 190.806016 158.212096 102.762496 34.957312 114.73408-24.20736 114.73408-59.164672-5.451776-29.66016-15.676416-47.117312 22.898688-35.134464 0 0 101.003264 46.85312 142.568448 5.2992 33.540096-33.55136 5.540864-79.722496 5.540864-79.722496s-13.90592-15.388672 14.707712-20.929536C727.057408 307.10656 817.30048 265.287424 767.643648 159.62496zM668.04736 451.093248c-10.99264 0-19.80928 8.881152-19.80928 19.786752 0 11.103232 8.815616 20.006912 19.80928 20.006912 0 0 123.814912 22.888448 109.018112-110.150656 0-0.789504-0.08704-1.405952-0.264192-2.108416-1.395712-9.432064-9.696256-16.666624-19.457024-16.666624-11.026432 0-19.985408 8.81664-19.985408 19.832832C737.359872 381.794048 756.98176 470.704896 668.04736 451.093248zM877.365248 344.681216l-0.175104 0c-3.264512-22.514688-14.444544-24.317952-27.757568-24.317952-15.917056 0-28.778496 10.00448-28.778496 25.94304 0 13.807616 5.714944 27.834368 5.714944 27.834368 1.683456 5.805056 15.149056 41.928704-8.881152 95.903744-44.038144 73.962496-132.709376 75.039744-143.183872 70.817792-10.564608-4.133888-26.153984-6.221824-26.153984-6.221824-16.027648 0-28.8768 13.037568-28.8768 28.889088 0 13.30176 8.892416 24.558592 21.051392 28.010496 0 0 0.264192 0.439296 0.692224 0.52736 0.878592 0.176128 1.770496 1.055744 2.725888 1.143808 12.335104 2.374656 56.361984 11.015168 99.168256 0.989184C819.508224 576.325376 924.645376 502.276864 877.365248 344.681216z" transform="translate(0, 812) scale(1, -1)"/>
</svg>
</a>
<a href="#"onClick="copy();">
<svg version="1.1" id="图形" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 1024 1024" enable-background="new 0 0 1024 1024" xml:space="preserve">
<path fill="#eb4f38" d="M511.2 109.6c-11.2 0-21.6 0.8-32.8 2.4l244-243.2c103.2 50.4 185.6 128.8 231.2 243.2L535.2 112C527.2 112 519.2 109.6 511.2 109.6zM511.2 487.2c9.6 0 19.2 0.8 28.8-0.8l-242.4 240C195.2 676 113.6 596.8 68.8 482.4L488 482.4C495.2 482.4 503.2 487.2 511.2 487.2zM247.2 300.8l108.8 109.6c12 16.8 26.4 31.2 43.2 43.2l0.8 0.8L56 454.4c-16.8-56.8-25.6-100.8-25.6-154.4 0-64 12.8-125.6 36-180.8l128.8 128.8L247.2 300.8zM324 325.6l-0.8 1.6L127.2 131.2l-44.8-46.4c51.2-101.6 129.6-183.2 243.2-228L325.6 276c0 8-4 15.2-4 23.2C323.2 308 322.4 316.8 324 325.6zM440.8 100.8 440.8 100.8l-56 56c-10.4 8.8-20 19.2-28.8 30.4L355.2 188l0-344c56.8-16.8 101.6-25.6 155.2-25.6 63.2 0 124 12.8 179.2 34.4L440.8 100.8 440.8 100.8zM956 482.4 679.2 205.6c-13.6-24.8-32.8-36.8-56-65.6l344.8 0c16.8 56.8 25.6 102.4 25.6 156.8C992.8 363.2 980 425.6 956 482.4zM700.8 279.2l238.4 239.2c-51.2 100-126.4 180-240.8 224l0-418.4c0-8 3.2-16 3.2-24C700.8 292.8 701.6 285.6 700.8 279.2zM669.6 410.4l0 344c-56.8 16.8-102.4 25.6-156 25.6-64 0-124.8-12.8-180-35.2L624 454.4C640.8 442.4 640.8 427.2 669.6 410.4z" transform="translate(0, 812) scale(1, -1)"/>
</svg>
</a>
<a href="#"onClick="copy();">
<svg version="1.1" id="图形" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 1111 1024" enable-background="new 0 0 1111 1024" xml:space="preserve">
<path fill="#eb4f38" d="M953.105285 71.160802c0 0-43.693837 2.971993-109.954517 9.192873 1.402928-4.384151 2.833546-8.842141 4.282624-13.420118C911.561989 68.862584 953.105285 71.160802 953.105285 71.160802zM1108.95956 443.066058c-24.357422 32.258125-383.673241 72.721535-383.673241 72.721535S610.218496 824.127268 555.956547 811.630129C501.731516 799.12376 395.155103 496.395799 395.155103 496.395799S15.053791 478.268486 0.581477 426.037091c-14.370787-52.249855 244.55258-259.855576 244.55258-259.855576s-96.405182-337.348913-26.23107-372.062162c43.158509-21.33005 322.572016 186.404888 322.572016 186.404888s289.640116-221.939589 358.438989-189.219975c25.824959 12.266394-18.616491 168.766755-52.4806 275.638521-141.658854-4.254934-393.604498-6.636221-551.81237 21.819229 4.753343 22.769898 359.620402 262.35685 359.620402 262.35685l-375.818688 52.535978c0 0 229.471099 53.671243 539.859789 0 7.070021-14.093893-343.339048-255.932914-338.84414-275.583142 126.023586-23.166779 267.627061-38.783588 362.721613-47.708797-15.958311 49.739351-28.603127 85.82784-28.603127 85.82784S1133.372361 410.854082 1108.95956 443.066058z" transform="translate(0, 812) scale(1, -1)"/>
</svg>
</a>
</div>
</div>
<div class="line2"></div>
<!-- 发帖区开始 -->
<div class="tie-area">
<form class="tie-postform" name="newscomment" onsubmit="" action="" method="post" target="_self">
<div class="tie-post">
<div class="tie-titlebar">
<strong>
评论区
</strong>
</div>
<div class="tie-author">
<label>
用户名：
<input type="text" class="tie-textbox" name="nickname">
</label>
<label>
<input type="checkbox" value="1" name="anonymous" checked="checked">
<span>
匿名
</span>
</label>
<input type="button" class="btn6" value="提交" style="vertical-align:middle;" onclick=""/>
</div>
<textarea name="content" class="tie-textarea" cols="81" rows="8">啦啦啦</textarea>
<div class="send">
<p>网友评论表达个人看法，并不表明本网同意其观点或证实其描述。</p>
</div>
</div>
</form>
</div>
<!--发帖区结束-->
</div>
<!-- 中国科普网的样式 结束 -->
</div>
<div id="footer">
<div class="nav">
<ul>
<li class="jianjie"><a href="#" class="a1">华工IBM中心简介</a></li>
<li><a href="#" class="a2">网站简介</a></li>
<li><a href="#" class="a3">联系我们</a></li>
<li><a href="#" class="a4">留言建议</a></li>
<li><a href="#" class="a5">友情链接</a></li>
</ul>
</div>
</div>
<a href="#" title="返回顶部" id="goTop"></a>
</body>
</html>