Przeglądaj źródła

修改完善文章列表和文章浏览

luyanan 7 lat temu
rodzic
commit
8201e6fb83

+ 4 - 3
articalList.html

@ -54,7 +54,7 @@
54 54
										<div class="madiaInfo">
55 55
											<p class="h1Font ellipsisSty">材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护</p>
56 56
											<ul class="h2Font clearfix">
57
												<li><span>8月20日 4:00</span></li>
57
												<li><span>8月20日 04:00</span></li>
58 58
												<li><span>阅读量100</span></li>
59 59
												<li><span>点赞20</span></li>
60 60
												<li><span>评论30</span></li>
@ -69,9 +69,10 @@
69 69
										<div class="madiaInfo">
70 70
											<p class="h1Font ellipsisSty">材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护</p>
71 71
											<ul class="h2Font clearfix">
72
												<li><span>8月20日 4:00</span></li>
72
												<li><span>8月20日 04:00</span></li>
73 73
											</ul>
74
											<span class="draftLable">草稿</span>
74
											<!--<span class="draftLable">草稿</span>-->
75
											<span class="draftLable">草稿 | 将于 8月21日 08:00 定时发布</span><!--点击定时发布之后显示-->
75 76
										</div>
76 77
										<ul class="madiaEdit">
77 78
											<li><span class="deteleThis2"></span></li>

+ 4 - 4
articalShow.html

@ -54,7 +54,7 @@
54 54
					<!--相关专家-->
55 55
					<div class="form-item otherShow otherShowFirst">
56 56
						<div class="aboutTit">相关专家</div>
57
						<div class="form-result">
57
						<div class="form-result pointOk">
58 58
							<ul>
59 59
								<li>
60 60
									<div class="madiaHead useHead"></div>
@ -86,7 +86,7 @@
86 86
					<!--相关资源-->
87 87
					<div class="form-item otherShow">
88 88
						<div class="aboutTit">相关资源</div>
89
						<div class="form-result aboutRes">
89
						<div class="form-result aboutRes pointOk">
90 90
							<ul>
91 91
								<li>
92 92
									<div class="madiaHead resouseHead"></div>
@ -139,7 +139,7 @@
139 139
								</em>
140 140
							</li>
141 141
							<li><em class="operateicon icon-sina"></em></li>
142
							<li><em class="operateicon icon-qq"></em></li>
142
							<!--<li><em class="operateicon icon-qq"></em></li>-->
143 143
							<li><em class="operateicon icon-totop upTop"></em></li>
144 144
						</ul>
145 145
					</div>
@ -220,7 +220,7 @@
220 220
					<!--相关文章-->
221 221
					<div class="form-item otherShow">
222 222
						<div class="aboutTit">相关文章</div>
223
						<div class="form-result aboutRes">
223
						<div class="form-result aboutRes pointOk">
224 224
							<ul>
225 225
								<li>
226 226
									<div class="madiaHead artHead"></div>

+ 1 - 1
css/common.css

@ -212,7 +212,7 @@ footer .weixincode span{background-image:url(../images/home_code_weixin.jpg);bac
212 212
.search-btn{ width:35px; height:35px; float:right; behavior:url(../js/ie-css3.htc);cursor:pointer;}
213 213
.search-icon{ display:block; width:20px; height:20px; background:url(../images/index-icon.png) no-repeat; background-position:left; margin:8px;}
214 214

215
header{ position:fixed; top:0;left:0;right: 0; z-index:999;font-size:16px;line-height:32px;}
215
header{ position:fixed; top:0;left:0;right: 0; z-index:1000;font-size:16px;line-height:32px;}
216 216
header .navheader{background:#FFFFFF;height:62px;border-bottom: 2px solid #e5e5e5;}
217 217
header .navheader.navhdown{background: rgba(256,256,256,1);border-color:#E5E5E5;box-shadow: 0px 2px 12px 0px rgba(204, 204, 204, 0.6);-webkit-box-shadow: 0px 2px 12px 0px rgba(204, 204, 204, 0.6);}
218 218
header .navheader.navhdown li a{color:#666;}

+ 71 - 18
css/genindex.css

@ -21,6 +21,11 @@ div.textareaboxEmp{min-height:40px;height:auto;-webkit-user-select:text;-webkit-
21 21
div.textareaboxEmp:empty:before {content: attr(placeholder);font-size:16px;display: block;color: #AAAAAA;}
22 22
/*div.textareaboxEmp:focus{content:none;}
23 23
div.textareaboxEmp:focus:before{content:none;}*/
24
/*多行文本框样式(带有限制数字)*/
25
.msgContbox{border: 1px solid #E5E5E5;min-height:120px;height:auto;position: relative;}
26
.msgContbox textarea{background:none;border:none;color: #55636D;outline: none;padding:12px;
27
   width: 100%;font-size: 16px;resize:vertical;margin-bottom: 15px;min-height:92px;}
28
.msgContbox .msgconNum{position:absolute;bottom:2px;right:10px;color:#999;font-size:14px;}
24 29
/*登录注册外部表单样式*/
25 30
.frmtype{border:none;height:36px;background:#edeff4;font-size:14px;outline: none; padding:6px 20px 6px 10px;border-radius: 6px;}
26 31
.frmtype:focus{box-shadow: none;outline:none; border:1px solid #ff8500;}
@ -28,6 +33,7 @@ div.textareaboxEmp:focus:before{content:none;}*/
28 33
textarea.frmtype{height:100px;}
29 34
input.frmtype[readonly]{background:#EFEFEF;color:#AAAAAA;}
30 35
input.frmtype[readonly]:focus{border:1px transparent solid;}
36
.requiredcon{font-style:none;color:red;font-size:16px;}/*必填项*/
31 37
/*网站内部表单样式*/
32 38
.frmcontype{border:1px solid #E5E5E5;height:40px;background:#FFFFFF;font-size:16px;color:#666;line-height:28px;outline: none; padding:6px 12px;border-radius:0;}
33 39
.frmcontype:focus{border-color:#ff9900;}
@ -111,7 +117,7 @@ ul.loginWaySort li.liactive{border-bottom: 2px solid #ff9900;}
111 117
.selectSortBox .frmboxNew .save-block{padding:0 40px;margin:10px auto 20px;}
112 118
/*完善信息*/
113 119
.fillMoreHead{padding:0 16px 8px 16px;}
114
.fillMore .fillHead{ position: relative;width:100px; height:100px; margin:0 auto; overflow: hidden;background: url(../images/default-photo.jpg); background-size:cover;}
120
.fillMore .fillHead{ position: relative;width:100px; height:100px; margin:0 auto; overflow: hidden;background: url(../images/default-photo-up.png); background-size:cover;}
115 121
.fillMore .h1Font{color:#666666;line-height:40px;font-size: 16px;}
116 122
.fillMore .fillShow>ul>li{clear:both;margin:6px 0;font-size: 15px;line-height:40px;color:#666666;}
117 123
.fillMore .fillShow>ul>li:before,.fillMore .fillShow ul>li:after{display:table;content:" "}
@ -238,7 +244,7 @@ ul.artAbout .uploadFile .upbtn{display:inline-block;padding:7px 23px;background:
238 244
ul.artAbout .uploadFile .uploadblock .upBackbtn{position:absolute;bottom:30px;left:50%;margin-left:-55px;background:rgba(0,0,0,.5);color:#FFFFFF;z-index:10;display: none;}
239 245
.conBlock .aboutTit{font-size:16px;line-height:40px;color:#666666;margin-top:18px;}
240 246
ul.artAbout .editBlock{height:320px;border:1px solid #E5E5E5;}
241
ul.artAbout .frmadd{display:none;position:absolute;right:0;background: #ff9900;color:#fff;border:none;padding:6px 25px;}
247
ul.artAbout .frmadd{position:absolute;right:0;top:0;background: #ff9900;color:#fff;border:none;padding:6px 25px;}
242 248
243 249
.conItem ul.operateBlock{overflow: hidden;margin-top:-20px;}
244 250
.conItem ul.operateBlock>li{font-size:16px; color:#666666;float:left;width:33.333%;margin-top:20px;text-align: center;cursor: pointer;}
@ -257,10 +263,15 @@ ul.artAbout .frmadd{display:none;position:absolute;right:0;background: #ff9900;c
257 263
.conItem ul.operateBlock>li:hover .operateicon.icon-preview{background-image:url(../images/g_article_icon_yulan_hig.png);}
258 264
.conItem ul.operateBlock>li:hover .operateicon.icon-draft{background-image:url(../images/g_article_icon_caogao_hig.png);}
259 265
.conItem ul.operateBlock>li:hover .operateicon.icon-delete{background-image:url(../images/g_article_icon_shanchu_hig.png);}
266
/*鼠标不可点击状态*/
267
.conItem ul.operateBlock>li.disableLi{opacity: .5;cursor:auto;}
268
.conItem ul.operateBlock>li.disableLi:hover{color:#666666;}
269
.conItem ul.operateBlock>li.disableLi:hover .operateicon.icon-delete{background-image:url(../images/g_article_icon_shanchu_nor.png);}
260 270
.conItem .aboutTit{margin-top:-10px;}
261 271
.conItem .otherBlock{padding-bottom: 30px;border-bottom:1px dashed #E5E5E5;margin-bottom: 30px;}
262 272
.conItem .otherBlock:last-child{padding:0;margin:0;border: 0;}
263 273
274
264 275
.form-item{}
265 276
.form-drop{position:relative;top:0;border:1px solid #E5E5E5;border-top:none;width: 100%;}
266 277
.form-item .madiaHead{position:absolute;border:1px solid #E5E5E5;width: 50px;height:50px;background-position: center;background-size: cover;}
@ -306,6 +317,7 @@ ul.tagList>li .h2Font{color:#666}
306 317
.form-item.otherShow .madiaHead{width: 80px;height: 80px;}
307 318
.form-item.otherShow .madiaInfo{padding-left:92px;margin:4px 0;}
308 319
.otherShow .form-result>ul>li{min-height:104px;}
320
.form-item.otherShow .pointOk>ul>li{cursor: pointer;}
309 321
.form-item.otherShow .aboutRes .madiaHead{width:118px;height: 80px;}
310 322
.form-item.otherShow .aboutRes .madiaInfo{padding-left:130px;margin:4px 0;}
311 323
.form-item.otherShow .aboutRes .ellipsisSty-2{height:48px;}
@ -322,18 +334,24 @@ ul.tagList>li .h2Font{color:#666}
322 334
.shareInfo .madiaInfo .h1Font{display:inline-block;max-width: 200px;padding-right:14px;font-size: 16px;color:#fff;}
323 335
.shareInfo .madiaInfo .authiconNew{top:-8px;}
324 336
.shareBlock>ul.shareWays{width:50%;cursor: pointer;text-align:right;}
325
.shareBlock>ul.shareWays>li{float:left;padding:16px 0 10px;width:16%;color:#fff;}
337
.shareBlock>ul.shareWays>li{float:left;padding:16px 0 10px;width:19%;color:#fff;}
326 338
.shareBlock>ul.shareWays>li .message{position:relative;top:-5px;left:6px;}
339
/*白色icon*/
327 340
.operateicon.icon-message{background-image:url(../images/g_article_button_liuyan_nor.png);}
328
.operateicon.icon-collect{background-image:url(../images/g_article_button_shoucang_nor.png);}
329
.operateicon.icon-wechat{width:24px;background-image:url(../images/g_article_button_weixin_nor.png);}
330
.operateicon.icon-sina{background-image:url(../images/g_article_button_liuyan_nor.png);}
341
.operateicon.icon-collect{background-image:url(../images/g_all_icon_shoucang_nor_1.png);}
342
.operateicon.icon-wechat{width:24px;background-image:url(../images/g_all_icon_weixin_nor_1.png);}
343
.operateicon.icon-sina{width:26px;background-image:url(../images/g_all_icon_xinlang_nor_1.png);}
331 344
.operateicon.icon-qq{background-image:url(../images/g_article_button_liuyan_nor.png);}
332 345
.operateicon.icon-totop{background-image:url(../images/g_article_button_dingbu_nor.png);}
346
/*灰色icon*/
347
.operateicon.operateicon2.icon-collect{background-image:url(../images/g_all_icon_shoucang_nor_2.png);}
348
.operateicon.operateicon2.icon-wechat{width:24px;background-image:url(../images/g_all_icon_weixin_nor_2.png);}
349
.operateicon.operateicon2.icon-sina{width:26px;background-image:url(../images/g_all_icon_xinlang_nor_2.png);}
350
/*悬浮效果*/
333 351
.operateicon.icon-message:hover{background-image:url(../images/g_article_button_liuyan_hig.png);}
334
.operateicon.icon-collect:hover{background-image:url(../images/g_article_button_shoucang_hig.png);}
335
.operateicon.icon-wechat:hover{background-image:url(../images/g_article_button_weixin_hig.png);}
336
.operateicon.icon-sina:hover{background-image:url(../images/g_article_button_liuyan_hig.png);}
352
.operateicon.icon-collect:hover{background-image:url(../images/g_all_icon_shoucang_hig.png);}
353
.operateicon.icon-wechat:hover{background-image:url(../images/g_all_icon_weixin_hig.png);}
354
.operateicon.icon-sina:hover{background-image:url(../images/g_all_icon_xinlang_hig.png);}
337 355
.operateicon.icon-qq:hover{background-image:url(../images/g_article_button_liuyan_hig.png);}
338 356
.operateicon.icon-totop:hover{background-image:url(../images/g_article_button_dingbu_hig.png);}
339 357
.shareWeixin{font-style: normal;position: relative;}
@ -341,17 +359,14 @@ ul.tagList>li .h2Font{color:#666}
341 359
.shareWeixin .shareCode:after{display: block;width: 0;height: 0;border:12px solid transparent;border-top-color:rgba(0,0,0,.6);
342 360
position: absolute;bottom:-24px;left:22px;}
343 361
.shareWeixin .shareCode .shareWord {width: 126px;margin: 10px;color: #FFF;text-align: left;font-size: 14px;line-height: 20px;}
344
.shareWeixin .shareCode img {width: 80px;height: 80px;}
362
.shareWeixin .shareCode img{width: 80px;height: 80px;}
345 363
346 364
.ifLogin{margin:30px 0;}
347 365
.ifLogin .ifLoginUn{background: #fff7e7;border:1px solid #E5E5E5;line-height:18px;padding:25px;color:#7b4b2b;font-size:14px;}
348 366
.ifLogin .ifLoginUn>ul>li{float: right;padding:0 6px;}
349 367
.ifLogin .ifLoginUn a{color:#666;}
350 368
.ifLogin .ifLoginOn .btnModel{margin:12px 0;padding:4px 12px;width: 80px;border-radius:0;}
351
.ifLogin .ifLoginOn .msgContbox{border: 1px solid #E5E5E5;height:120px;position: relative;}
352
.ifLogin .ifLoginOn textarea{background:none;border:none;color: #55636D;outline: none;padding:12px;
353
   width: 100%;font-size: 14px;resize: none;margin-bottom: 15px;height:92px;}
354
.ifLogin .ifLoginOn .msgconNum{position:absolute;bottom:2px;right:10px;color:#999;font-size:14px;}
369
355 370
.commentsArea .btnCancel{height:auto;border-radius:0;color: #ff9900;}
356 371
.commentsArea ul.commentList{margin-top:-20px;}
357 372
.commentsArea ul.commentList>li{padding:10px 0 20px;}
@ -365,9 +380,10 @@ position: absolute;bottom:-24px;left:22px;}
365 380
.rightconBox .conItem.conItemG .madiaHead.useHead{background-image:url(../images/default-photo.jpg);border-radius: 50%;}
366 381
.rightconBox .conItem.conItemG .madiaHead.cmpHead{background-image:url(../images/default-icon.jpg);}
367 382
.rightconBox .conItem.conItemG .h2Font{font-size:16px;color:#666;line-height:26px;}
368
.rightconBox .conItem.conItemG .attenSpan{position: relative;display:inline-block;background: #ff9900;cursor:pointer;padding:9px 25px;padding-left:42px;color:#fff;font-size:16px;margin:20px auto 0;}
383
.rightconBox .conItem.conItemG .goSpan span{background: #ff9900;display:inline-block;width:100px;cursor:pointer;color:#fff;font-size:16px;margin:20px 10px 0;}
384
.rightconBox .conItem.conItemG .attenSpan{position: relative;padding:9px 25px;padding-left:42px;}
369 385
.rightconBox .conItem.conItemG .attenSpan:before{position:absolute;content:url(../images/g_article_icon_jia_nor.png);top:50%;left:20px;margin-top:-8px;}
370
386
.rightconBox .conItem.conItemG .consultSpan{padding:9px 25px;}
371 387
/*文章列表*/
372 388
.itemListBolck .searchAbout{position: relative;}
373 389
.itemListBolck .searchAbout .searchSpan{position:absolute;top:50%;margin-top:-9px;right:18px;display:inline-block;width:18px;height:18px;background: url(../images/g_article_icon_sousuo_nor.png);}
@ -385,11 +401,48 @@ position: absolute;bottom:-24px;left:22px;}
385 401
.itemListBolck .itemListCon .madiaInfo>ul>li:first-child{margin-left:0;}
386 402
.itemListBolck .itemListCon .madiaInfo{min-height: 80px;padding-top:15px;}
387 403
.itemListCon.form-item ul .h1Font{font-size:18px;}
388
.itemListCon .draftLable{font-size:16px; color:#e03b43;line-height: 30px;}
404
.itemListCon .draftLable{font-size:14px; color:#e03b43;line-height:24px;}
389 405
.itemListCon .form-result>ul>li .madiaEdit>li{float: left;margin-right: 28px;}
390 406
.itemListCon .form-result>ul>li .madiaEdit .editThis{display:inline-block;width:72px;height:46px;background:url(../images/g_article_button_xiugai_hig.png);background-size:cover;cursor:pointer;}
391 407
.itemListCon .form-result>ul>li .madiaEdit .deteleThis2{display:inline-block;width:46px;height:46px;background:url(../images/g_article_button_shanchu_hig.png);background-size:cover;cursor:pointer;}
392 408
.itemListCon .form-result>ul>li .madiaEdit{display:none;overflow:hidden;position:absolute;top:50%;margin-top:-23px;right:0;}
393 409
.itemListCon .form-result>ul>li:hover .madiaEdit{display: block;}
394 410
395
.itemListCon li.draftList .madiaInfo{padding-top:0;}
411
.itemListCon li.draftList .madiaInfo{padding-top:4px;}
412
/*.pointSp{position:relative;}
413
.pointSp:before{content:"";display: inline-block; width: 0; height: 0;border:2px #999 solid;margin: 2px 6px; border-radius:100%;}
414
*/
415
416
.showDetail .showMain.showMain2{text-indent:0;}
417
.showDetail .showMain.showMain2>ul>li{margin:10px 0;}
418
.showDetail .showMain .showTit{position:relative;padding-left:10px;}
419
.showDetail .showMain .showTit:before{position:absolute;top:50%;margin-top:-10px;left:0;display:inline-block;content:"";width:4px;height:18px;background:#ff9900;}
420
/*资源图片展示*/
421
.Imagebox{width:360px;}
422
.Imagebox .tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
423
.Imagebox .tb-pic a img{vertical-align:middle;}
424
.Imagebox .tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
425
.Imagebox .tb-thumb{margin:10px 0 0;overflow:hidden;}
426
.Imagebox .tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;height:50px;margin:0 6px 0 0;overflow:hidden;}
427
.Imagebox .tb-s360, .tb-s360 a{height:270px;width:360px;}
428
.Imagebox .tb-s360, .tb-s360 img{max-height:270px;max-width:360px;}
429
.Imagebox .tb-s66, .tb-s66 a{height:50px;width:66px;}
430
.Imagebox .tb-s66 img{max-height:46px;max-width:66px;}
431
.Imagebox .tb-booth{border:1px solid #E5E5E5;position:relative;z-index:1;}
432
.Imagebox .tb-thumb .tb-selected{border:4px solid #ff9900;}
433
.Imagebox .tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
434
.Imagebox .tb-thumb li div{border:1px solid #E5E5E5;}
435
.Imagebox .tb-thumb li div .tb-s66 a{height: 42px;}
436
.Imagebox .tb-thumb li div .tb-s66 img{max-height:42px;max-width:66px;}
437
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #E5E5E5;display:none;text-align:center;overflow:hidden;}
438
div.zoomMask{position:absolute;background:url("../images/g-resource-mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}
439
440
.conBlock .leftconBox2{background:none;padding:0;}
441
.conBlock .leftconBox2 .reInfoBlock{width:320px;margin-left:24px;position: relative;height: 270px;}
442
.conBlock .leftconBox2 .reInfoBlock .h2Font{font-size:16px;color:#666;line-height: 26px;margin-top:12px;}
443
.conBlock .leftconBox2 .showReBasic{background: #FFFFFF;padding:30px;margin-bottom:20px;}
444
.conBlock .leftconBox2 .showReOther{background: #FFFFFF;padding:30px;}
445
.conBlock .leftconBox2 .resShareUl{position:absolute;bottom:0;}
446
.conBlock .leftconBox2 .resShareUl>ul>li{float: left;margin-right:30px;font-size: 16px;color:#999;}
447
.conBlock .leftconBox2 .resShareUl>ul>li .operateicon{margin-left:10px;cursor: pointer;}
448
.conBlock .leftconBox2 .resShareUl>ul>li>span{position: relative;top:-6px;}

BIN
images/default-photo-up.png


BIN
images/g-resource-mask.png


BIN
images/g_all_icon_shoucang_hig.png


BIN
images/g_all_icon_shoucang_nor_1.png


BIN
images/g_all_icon_shoucang_nor_2.png


BIN
images/g_all_icon_weixin_hig.png


BIN
images/g_article_button_weixin_nor.png


BIN
images/g_all_icon_weixin_nor_2.png


BIN
images/g_all_icon_xinlang_hig.png


BIN
images/g_all_icon_xinlang_nor_1.png


BIN
images/g_all_icon_xinlang_nor_2.png


BIN
images/g_article_button_shoucang_hig.png


BIN
images/g_article_button_shoucang_nor.png


BIN
images/g_article_button_weixin_hig.png


+ 7 - 1
js/common.js

@ -537,4 +537,10 @@ if ($.cookie('userName') && $.cookie('userName') != "null" && $.cookie('userName
537 537
			window.location.href = "consult.html";
538 538
		})
539 539
	}
540
}
540
}
541
/*多行文本框样式(带有限制数字)模拟focus效果*/
542
$(".msgContbox textarea").focus(function(){
543
	$(this).parent().css("border-color","#ff9900");
544
}).blur(function(){
545
	$(this).parent().css("border-color","#E5E5E5");
546
})

+ 7 - 0
js/jquery.imagezoom.min.js

@ -0,0 +1,7 @@
1
(function($){$.fn.imagezoom=function(options){var settings={xzoom:310,yzoom:310,offset:10,position:"BTR",preload:1};if(options){$.extend(settings,options);}
2
var noalt='';var self=this;$(this).bind("mouseenter",function(ev){var imageLeft=$(this).offset().left;var imageTop=$(this).offset().top;var imageWidth=$(this).get(0).offsetWidth;var imageHeight=$(this).get(0).offsetHeight;var boxLeft=$(this).parent().offset().left;var boxTop=$(this).parent().offset().top;var boxWidth=$(this).parent().width();var boxHeight=$(this).parent().height();noalt=$(this).attr("alt");var bigimage=$(this).attr("rel");$(this).attr("alt",'');if($("div.zoomDiv").get().length==0){$(document.body).append("<div class='zoomDiv'><img class='bigimg' src='"+bigimage+"'/></div><div class='zoomMask'>&nbsp;</div>");}
3
if(settings.position=="BTR"){if(boxLeft+boxWidth+settings.offset+settings.xzoom>screen.width){leftpos=boxLeft-settings.offset-settings.xzoom;}else{leftpos=boxLeft+boxWidth+settings.offset;}}else{leftpos=imageLeft-settings.xzoom-settings.offset;if(leftpos<0){leftpos=imageLeft+imageWidth+settings.offset;}}
4
$("div.zoomDiv").css({top:boxTop,left:leftpos});$("div.zoomDiv").width(settings.xzoom);$("div.zoomDiv").height(settings.yzoom);$("div.zoomDiv").show();$(this).css('cursor','crosshair');$(document.body).mousemove(function(e){mouse=new MouseEvent(e);if(mouse.x<imageLeft||mouse.x>imageLeft+imageWidth||mouse.y<imageTop||mouse.y>imageTop+imageHeight){mouseOutImage();return;}
5
var bigwidth=$(".bigimg").get(0).offsetWidth;var bigheight=$(".bigimg").get(0).offsetHeight;var scaley='x';var scalex='y';if(isNaN(scalex)|isNaN(scaley)){var scalex=(bigwidth/imageWidth);var scaley=(bigheight/imageHeight);$("div.zoomMask").width((settings.xzoom)/scalex);$("div.zoomMask").height((settings.yzoom)/scaley);$("div.zoomMask").css('visibility','visible');}
6
xpos=mouse.x-$("div.zoomMask").width()/2;ypos=mouse.y-$("div.zoomMask").height()/2;xposs=mouse.x-$("div.zoomMask").width()/2-imageLeft;yposs=mouse.y-$("div.zoomMask").height()/2-imageTop;xpos=(mouse.x-$("div.zoomMask").width()/2<imageLeft)?imageLeft:(mouse.x+$("div.zoomMask").width()/2>imageWidth+imageLeft)?(imageWidth+imageLeft-$("div.zoomMask").width()):xpos;ypos=(mouse.y-$("div.zoomMask").height()/2<imageTop)?imageTop:(mouse.y+$("div.zoomMask").height()/2>imageHeight+imageTop)?(imageHeight+imageTop-$("div.zoomMask").height()):ypos;$("div.zoomMask").css({top:ypos,left:xpos});$("div.zoomDiv").get(0).scrollLeft=xposs*scalex;$("div.zoomDiv").get(0).scrollTop=yposs*scaley;});});function mouseOutImage(){$(self).attr("alt",noalt);$(document.body).unbind("mousemove");$("div.zoomMask").remove();$("div.zoomDiv").remove();}
7
count=0;if(settings.preload){$('body').append("<div style='display:none;' class='jqPreload"+count+"'></div>");$(this).each(function(){var imagetopreload=$(this).attr("rel");var content=jQuery('div.jqPreload'+count+'').html();jQuery('div.jqPreload'+count+'').html(content+'<img src=\"'+imagetopreload+'\">');});}}})(jQuery);function MouseEvent(e){this.x=e.pageX;this.y=e.pageY;}

+ 2 - 2
js/scrollfix.js

@ -57,12 +57,12 @@
57 57
			function resetScroll() {
58 58
				setUnfixed();
59 59
				selfTop = obj.offset().top; //对象距离顶部高度
60
				selfLeft = obj.offset().left; //对象距离左边宽度
60
				selfLeft = obj.offset().left+30; //对象距离左边宽度
61 61
				outerHeight = obj.outerHeight(); //对象高度
62 62
				outerHeight = parseFloat(outerHeight) + parseFloat(obj.css('marginBottom').replace(/auto/, 0));
63 63
				outerWidth = obj.outerWidth(); //对象外宽度
64 64
				//objWidth = obj.width();
65
				objWidth = obj.outerWidth(true);
65
				objWidth = obj.outerWidth(true)+60;
66 66
				var documentHeight = $(document).height(); //文档高度
67 67
				var startTop = $(opts.startTop), //开始浮动固定对象
68 68
					startBottom = $(opts.startBottom),