Browse Source

资源浏览及预览

jack 8 years ago
parent
commit
88fa878f88
5 changed files with 394 additions and 133 deletions
  1. 99 6
      js/resourceIssue.js
  2. 114 0
      js/resourcePreview.js
  3. 114 0
      js/resourceShow.js
  4. 45 64
      resourcePreview.html
  5. 22 63
      resourceShow.html

+ 99 - 6
js/resourceIssue.js

@ -1,9 +1,93 @@
1 1
$(document).ready(function() {
2 2
	var resourceId=GetQueryString("resourceId");
3 3
	console.log(resourceId);
4
	userid="91E3F49CE63B43EEBA0C68B6DD7F0A19";
5
	ue = UE.getEditor('editor', {});
4
	var userid="91E3F49CE63B43EEBA0C68B6DD7F0A19";
6 5
	var temp = [];
6
	ue = UE.getEditor('editor', {});
7
	getRecourceMe();
8
	/*获取资源信息*/
9
	function getRecourceMe() {
10
			$.ajax({
11
					"url": "/ajax/resource/queryOne",
12
					"type": "GET",
13
					"success": function(data) {
14
						console.log(data);
15
						if(data.success) {
16
							resourceHtml(data.data);
17
						}
18
					},
19
					"data": {
20
						"resourceId":resourceId
21
					},
22
					dataType: "json",
23
					'error':function() {
24
						$.MsgBox.Alert('提示', '服务器连接超时!');
25
					}
26
				});
27
	}
28
	/*处理资源html代码*/
29
	function resourceHtml($da) {
30
		$("#resourceName").val($da.resourceName);//名字
31
		$("#application").val($da.supportedServices);//应用用途
32
		if($da.editProfessor.orgName) {//所属机构
33
			$("#organizationName").val($da.editProfessor.orgName);
34
		}
35
		if($da.spec) {//厂商型号
36
			$("#modelNumber").val($da.spec);
37
		}
38
		if($da.parameter) {//性能参数
39
			$("#performancePa").val($da.parameter);
40
		}
41
		if($da.cooperationNotes) {//合作备注
42
			$("#remarkContent").val($da.cooperationNotes);
43
		}
44
		if($da.subject) {
45
			var oSub=$da.subject.split(",");
46
			var oSt="";
47
			for(var i=0;i<oSub.length;i++){
48
				oSt+='<li><p class="h2Font">'+oSub[i]+'</p><div class="closeThis"></div></li>'
49
			}
50
			$("#keywordList").html(oSt);
51
		}else{
52
			$("#keywordList").html("");
53
		}
54
		if($da.descp) {//编辑器
55
			 ue.ready(function() {
56
				    	ue.setContent($da.descp);
57
				    });
58
			 
59
		}
60
		if($da.images.length) {
61
			var arr=[];
62
			for(var i=0;i<$da.images.length;i++) {
63
				var oString='<dd>' +
64
					'<div class="imgItem">'+
65
						'<img src="'+"/data/resource/"+$da.images[i].imageSrc+'"/>' +
66
					'</div>'+
67
					'<div class="file-panel">' +
68
						'<span class="cancel"></span>' +
69
					'</div>' +
70
				'</dd>'
71
				arr[i]=oString;
72
			}
73
		$("#fileList dd").eq(2).remove();
74
			if($da.images.length==1) {
75
				$("#fileList").prepend(arr[0]);
76
			}else if($da.images.length==2) {
77
				$("#fileList dd").eq(1).remove();
78
				$("#fileList").prepend(arr[1]);
79
				$("#fileList").prepend(arr[0]);
80
			}else if($da.images.length==3) {
81
				$("#fileList dd").eq(1).remove();
82
				$("#fileList").prepend(arr[2]);
83
				$("#fileList").prepend(arr[1]);
84
				$("#fileList").prepend(arr[0]);
85
			}
86
			
87
				
88
			
89
		}
90
	}
7 91
	var uploader = WebUploader.create({
8 92
		auto: true,
9 93
		fileNumLimit: 3,
@ -28,7 +112,7 @@ $(document).ready(function() {
28 112
		var $len = $("#fileList").find("img").length;
29 113
		if($len == 0 || $len == 1) {
30 114
			var oRemove = $("#fileList").find("dd");
31
			oRemove[oRemove.length - 1].remove();
115
			oRemove.eq(oRemove.length - 1).remove();
32 116
		} else if($len == 2) {
33 117
			$("#uploadDd").hide();
34 118
		}
@ -63,7 +147,7 @@ $(document).ready(function() {
63 147
			}
64 148
			$img.attr('src', src);
65 149
		}, 1, 1);
66
		$li.on('mouseenter', function() {
150
		/*$li.on('mouseenter', function() {
67 151
			$btns.stop().animate({
68 152
				height: 30
69 153
			});
@ -73,7 +157,7 @@ $(document).ready(function() {
73 157
			$btns.stop().animate({
74 158
				height: 0
75 159
			});
76
		});
160
		});*/
77 161

78 162
	});
79 163
	uploader.onError = function(code) {
@ -320,6 +404,7 @@ $(document).ready(function() {
320 404
	function term(){
321 405
		var $len = $("#fileList").find("img").length;
322 406
		var reName=$("#resourceName").val();
407
		var oIndustry=$("#application").val();
323 408
		if($len==0) {
324 409
			$.MsgBox.Alert('提示', '请上传资源图片。');
325 410
			return 0;
@ -328,6 +413,10 @@ $(document).ready(function() {
328 413
			$.MsgBox.Alert('提示', '请输入资源名称。');
329 414
			return 0;
330 415
		}
416
		if(oIndustry=="") {
417
			$.MsgBox.Alert('提示', '请输入应用用途。');
418
			return 0;
419
		}
331 420
	}
332 421
	/*发布函数*/
333 422
	function ajsPost(pa1,pa2) {
@ -343,12 +432,14 @@ $(document).ready(function() {
343 432
			$data.resourceName = $("#resourceName").val();//资源名字
344 433
			$data.cooperationNotes = $("#remarkContent").val();//合作备注
345 434
			$data.subject = captiureSubInd("keywordList p");
435
			console.log($data.subject);
346 436
			$data.supportedServices=$("#application").val();
347 437
			$data.orgName=$("#organizationName").val();
348 438
			$data.spec=$("#modelNumber").val();
349 439
			$data.parameter=$("#performancePa").val();
350 440
			$data.descp=ue.getContent();
351 441
			$data.fns=temp;
442
			console.log(temp);
352 443
			$.ajax({
353 444
					"url": oUrl,
354 445
					"type": "POST",
@ -358,7 +449,7 @@ $(document).ready(function() {
358 449
							if(pa2==1) {
359 450
								resourceId=data.data;
360 451
								$("#deleteResource").removeClass("disableLi").addClass("deleteResource");
361
								window.open("resourcePreview.html");
452
								window.open("resourcePreview.html?resourceId="+data.data);
362 453
								//弹出预览
363 454
							}else if(pa2==2) {
364 455
							$("#deleteResource").removeClass("disableLi").addClass("deleteResource");
@ -368,6 +459,7 @@ $(document).ready(function() {
368 459
							}else{
369 460
								$.MsgBox.Alert('提示', '资源发布成功!');
370 461
								$("#mb_msgicon").css("background", 'url("images/sign_icon_chenggong_nor.png") 0% 0% / contain');
462
								return;
371 463
								location.href="resourceList.html"
372 464
							}
373 465
							
@ -376,6 +468,7 @@ $(document).ready(function() {
376 468
					"data": $data,
377 469
					"beforeSend": function() { /*console.log(this.data)*/ },
378 470
					"contentType": "application/x-www-form-urlencoded",
471
					"traditional":true,
379 472
					dataType: "json"
380 473
			});
381 474
	}

+ 114 - 0
js/resourcePreview.js

@ -0,0 +1,114 @@
1
$(document).ready(function() {
2
	$(".jqzoom").imagezoom();
3
	$("#thumblist").on("click", "li a", function() {
4
		$(this).parents("li").addClass("tb-selected").siblings().removeClass("tb-selected");
5
		$(".jqzoom").attr('src', $(this).find("img").attr("src"));
6
		$(".jqzoom").attr('rel', $(this).find("img").attr("src"));
7
	});
8
	$('.shareWeixin').hover(function() {
9
		$('.shareCode').stop(true, false).fadeToggle();
10
	});
11
	var resourceId = GetQueryString("resourceId");
12
	var professorId = "";
13
	getRecourceMe();
14
	/*获取资源信息*/
15
	function getRecourceMe() {
16
		$.ajax({
17
			"url": "/ajax/resource/queryOne",
18
			"type": "GET",
19
			"success": function(data) {
20
				console.log(data);
21
				if(data.success) {
22
					resourceHtml(data.data);
23
				}
24
			},
25
			"data": {
26
				"resourceId": resourceId
27
			},
28
			dataType: "json",
29
			'error': function() {
30
				$.MsgBox.Alert('提示', '服务器连接超时!');
31
			}
32
		});
33
	}
34
	/*处理资源html代码*/
35
	function resourceHtml($da) {
36
		$("#resourceName").text($da.resourceName); //名字
37
		$("#application").text($da.supportedServices); //应用用途
38
		if($da.editProfessor.orgName) { //所属机构
39
			$("#organizationName").text($da.editProfessor.orgName).parents("li").show();
40
		}
41
		$("#nameS").text($da.editProfessor.name); //"office": "", //职位 "title": "", //职称
42
		if($da.editProfessor.title) {
43
			$("#titleOffice").text($da.editProfessor.title);
44
		} else {
45
			if($da.editProfessor.office) {
46
				$("#titleOffice").text($da.editProfessor.office);
47
			}
48
		}
49
		if($da.editProfessor.orgName) {
50
			$("#orgType").text($da.editProfessor.orgName);
51
		}
52
		professorId = $da.editProfessor.id;
53
		var professorFlag = autho($da.editProfessor.authType, $da.editProfessor.orgAuth, $da.editProfessor.authStatus);
54
		$("#authFlag").addClass(professorFlag.sty).attr("title", professorFlag.title);
55
		if($da.editProfessor.hasHeadImage == 1) {
56
			$("#headImg").css("background-image", 'url(/images/head/' + $da.editProfessor.id + '_l.jpg)');
57
		}
58
		if($da.spec) { //厂商型号
59
			$("#modelNumber").text($da.spec).parents("li").show();
60
		}
61
		if($da.parameter) { //性能参数
62
			$("#performancePa").text($da.parameter).parents("li").show();
63
		}
64
		if($da.cooperationNotes) { //合作备注
65
			$("#remarkContent").text($da.cooperationNotes).parents("li").show();
66
		}
67
		if($da.subject) {
68
			var oSub = $da.subject.split(",");
69
			var oSt = "";
70
			for(var i = 0; i < oSub.length; i++) {
71
				oSt += '<li><p class="h2Font">' + oSub[i] + '</p></li>'
72
			}
73
			$(".tagList").html(oSt);
74
		}
75
		if($da.descp) { //编辑器
76
			$("#descp").html($da.descp).parents("li").show();
77
		}
78
		//return;
79
		if($da.images.length) {
80
			$("#firstFigure").attr({
81
				"src": "/data/resource/" + $da.images[0].imageSrc,
82
				"rel": "/data/resource/" + $da.images[0].imageSrc
83
			}).parent().attr("href", "/data/resource/" + $da.images[0].imageSrc);
84
			var arr = "";
85
			for(var i = 0; i < $da.images.length; i++) {
86
				if($da.images[i] == $da.images[0]) {
87
					var oString = '<li class="tb-selected">' +
88
						'<div class="tb-pic tb-s66">' +
89
						'<a href="javascript:void(0);">' +
90
						'<img src="/data/resource/' + $da.images[i].imageSrc + '"/>' +
91
						'</a>' +
92
						'</div>' +
93
						'</li>'
94
				} else {
95
					var oString = '<li >' +
96
						'<div class="tb-pic tb-s66">' +
97
						'<a href="javascript:void(0);">' +
98
						'<img src="/data/resource/' + $da.images[i].imageSrc + '"/>' +
99
						'</a>' +
100
						'</div>' +
101
						'</li>'
102
				}
103

104
				arr += oString;
105
			}
106
			$("#thumblist").html(arr);
107
		}
108

109
	}
110
	/*点击名字及头像跳转个人浏览页面*/
111
	$("#nameS,#headImg").click(function() {
112
		location.href = "information-brow.html?professorId=" + professorId;
113
	})
114
})

+ 114 - 0
js/resourceShow.js

@ -0,0 +1,114 @@
1
$(document).ready(function() {
2
	$(".jqzoom").imagezoom();
3
	$("#thumblist").on("click", "li a", function() {
4
		$(this).parents("li").addClass("tb-selected").siblings().removeClass("tb-selected");
5
		$(".jqzoom").attr('src', $(this).find("img").attr("src"));
6
		$(".jqzoom").attr('rel', $(this).find("img").attr("src"));
7
	});
8
	$('.shareWeixin').hover(function() {
9
		$('.shareCode').stop(true, false).fadeToggle();
10
	});
11
	var resourceId = GetQueryString("resourceId");
12
	var professorId = "";
13
	getRecourceMe();
14
	/*获取资源信息*/
15
	function getRecourceMe() {
16
		$.ajax({
17
			"url": "/ajax/resource/queryOne",
18
			"type": "GET",
19
			"success": function(data) {
20
				console.log(data);
21
				if(data.success) {
22
					resourceHtml(data.data);
23
				}
24
			},
25
			"data": {
26
				"resourceId": resourceId
27
			},
28
			dataType: "json",
29
			'error': function() {
30
				$.MsgBox.Alert('提示', '服务器连接超时!');
31
			}
32
		});
33
	}
34
	/*处理资源html代码*/
35
	function resourceHtml($da) {
36
		$("#resourceName").text($da.resourceName); //名字
37
		$("#application").text($da.supportedServices); //应用用途
38
		if($da.editProfessor.orgName) { //所属机构
39
			$("#organizationName").text($da.editProfessor.orgName).parents("li").show();
40
		}
41
		$("#nameS").text($da.editProfessor.name); //"office": "", //职位 "title": "", //职称
42
		if($da.editProfessor.title) {
43
			$("#titleOffice").text($da.editProfessor.title);
44
		} else {
45
			if($da.editProfessor.office) {
46
				$("#titleOffice").text($da.editProfessor.office);
47
			}
48
		}
49
		if($da.editProfessor.orgName) {
50
			$("#orgType").text($da.editProfessor.orgName);
51
		}
52
		professorId = $da.editProfessor.id;
53
		var professorFlag = autho($da.editProfessor.authType, $da.editProfessor.orgAuth, $da.editProfessor.authStatus);
54
		$("#authFlag").addClass(professorFlag.sty).attr("title", professorFlag.title);
55
		if($da.editProfessor.hasHeadImage == 1) {
56
			$("#headImg").css("background-image", 'url(/images/head/' + $da.editProfessor.id + '_l.jpg)');
57
		}
58
		if($da.spec) { //厂商型号
59
			$("#modelNumber").text($da.spec).parents("li").show();
60
		}
61
		if($da.parameter) { //性能参数
62
			$("#performancePa").text($da.parameter).parents("li").show();
63
		}
64
		if($da.cooperationNotes) { //合作备注
65
			$("#remarkContent").text($da.cooperationNotes).parents("li").show();
66
		}
67
		if($da.subject) {
68
			var oSub = $da.subject.split(",");
69
			var oSt = "";
70
			for(var i = 0; i < oSub.length; i++) {
71
				oSt += '<li><p class="h2Font">' + oSub[i] + '</p></li>'
72
			}
73
			$(".tagList").html(oSt);
74
		}
75
		if($da.descp) { //编辑器
76
			$("#descp").html($da.descp).parents("li").show();
77
		}
78
		//return;
79
		if($da.images.length) {
80
			$("#firstFigure").attr({
81
				"src": "/data/resource/" + $da.images[0].imageSrc,
82
				"rel": "/data/resource/" + $da.images[0].imageSrc
83
			}).parent().attr("href", "/data/resource/" + $da.images[0].imageSrc);
84
			var arr = "";
85
			for(var i = 0; i < $da.images.length; i++) {
86
				if($da.images[i] == $da.images[0]) {
87
					var oString = '<li class="tb-selected">' +
88
						'<div class="tb-pic tb-s66">' +
89
						'<a href="javascript:void(0);">' +
90
						'<img src="/data/resource/' + $da.images[i].imageSrc + '"/>' +
91
						'</a>' +
92
						'</div>' +
93
						'</li>'
94
				} else {
95
					var oString = '<li >' +
96
						'<div class="tb-pic tb-s66">' +
97
						'<a href="javascript:void(0);">' +
98
						'<img src="/data/resource/' + $da.images[i].imageSrc + '"/>' +
99
						'</a>' +
100
						'</div>' +
101
						'</li>'
102
				}
103

104
				arr += oString;
105
			}
106
			$("#thumblist").html(arr);
107
		}
108

109
	}
110
	/*点击名字及头像跳转个人浏览页面*/
111
	$("#nameS,#headImg").click(function() {
112
		location.href = "information-brow.html?professorId=" + professorId;
113
	})
114
})

+ 45 - 64
resourcePreview.html

@ -4,14 +4,18 @@
4 4
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5 5
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
6 6
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7
<title>资源预览-科袖网</title>
7
<title>浏览资源-科袖网</title>
8 8
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
9 9
<link href="css/bootstrap.min.css" rel="stylesheet">
10 10
<link type="text/css" href="css/common.css" rel="stylesheet">
11 11
<link type="text/css" href="css/genindex.css" rel="stylesheet">
12 12
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
13 13
<script type="text/javascript" src="js/jquery.imagezoom.min.js"></script>
14

14
<style type="text/css">
15
	.showMain2>ul>li{
16
		display:none;
17
	}
18
</style>
15 19
</head>
16 20

17 21
<body>
@ -27,70 +31,67 @@
27 31
					<div class="showReBasic clearfix">
28 32
						<div class="Imagebox floatL">
29 33
		                    <div class="tb-booth tb-pic tb-s360">
30
		                        <a href="images/banner/banner01.jpg" target="_blank">
31
		                            <img src="images/banner/banner01.jpg" alt="美女" rel="images/banner/banner01.jpg" class="jqzoom" />
34
		                        <a href="" target="_blank">
35
		                            <img src="" alt="美女" rel="" class="jqzoom" id="firstFigure"/>
32 36
		                        </a>
33 37
		                    </div>
34 38
		                    <ul class="tb-thumb" id="thumblist">
35
		                        <li class="tb-selected">
36
		                            <div class="tb-pic tb-s66">
37
		                                <a href="javascript:void(0);">
38
		                                    <img src="images/banner/banner01.jpg"/>
39
		                                </a>
40
		                            </div>
41
		                        </li>
42
		                        <li>
43
		                            <div class="tb-pic tb-s66">
44
		                                <a href="javascript:void(0);">
45
		                                    <img src="images/banner/banner02.jpg"/>
46
		                                </a>
47
		                            </div>
48
		                        </li>
49
		                        <li>
50
		                            <div class="tb-pic tb-s66">
51
		                                <a href="javascript:void(0);">
52
		                                    <img src="images/banner/banner03.jpg"/>
53
		                                </a>
54
		                            </div>
55
		                        </li>
39
		                       
56 40
		                    </ul>
57 41
		                </div>
58 42
		                <div class="reInfoBlock floatL">
59
		                	<div class="h1Font">福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4</div>
60
		                	<div class="h2Font">应用用途:福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4</div>
43
		                	<div class="h1Font" id="resourceName">福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4</div>
44
		                	<div class="h2Font">应用用途:<span id="application">福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4</span></div>
45
		                	<div class="operateBlock resShareUl">
46
		                		<ul>
47
		                			<li><span>收藏</span> <em class="operateicon operateicon2 icon-collect"></em></li>
48
									<li>
49
										<span>分享到</span>
50
										<em class="operateicon operateicon2 icon-sina"></em>
51
										<em class="operateicon operateicon2 icon-wechat shareWeixin">
52
											<div class="shareCode clearfix">
53
												<div class="floatL" id="qrcode"></div>
54
												<div class="shareWord floatR">
55
													<p>打开微信“扫一扫”,<br/>打开网页后点击屏幕右上角“分享”按钮</p>
56
												</div>
57
											</div>
58
										</em>
59
									</li>
60
		                		</ul>
61
		                	</div>
61 62
		                </div>
62
		           </div>
63
	                </div>
63 64
	                <div class="showReOther">
64 65
						<!--资源详情区-->
65 66
						<div class="showMain showMain2">
66 67
							<ul>
67 68
								<li>
68 69
									<div class="showTit">所属机构:</div>
69
									<div class="showCon">
70
									<div class="showCon" id="organizationName">
70 71
										分享,是我觉得对我熟人圈的亲戚朋友同事们有用,所以发布出来让大家看到
71 72
									</div>
72 73
								</li>
73 74
								<li>
74 75
									<div class="showTit">厂商型号:</div>
75
									<div class="showCon">
76
									<div class="showCon" id="modelNumber">
76 77
										分享,是我觉得对我熟人圈的亲戚朋友同事们有用,所以发布出来让大家看到
77 78
									</div>
78 79
								</li>
79 80
								<li>
80 81
									<div class="showTit">性能参数:</div>
81
									<div class="showCon">
82
									<div class="showCon" id="performancePa">
82 83
										分享,是我觉得对我熟人圈的亲戚朋友同事们有用,所以发布出来让大家看到
83 84
									</div>
84 85
								</li>
85 86
								<li>
86 87
									<div class="showTit">合作备注:</div>
87
									<div class="showCon">
88
									<div class="showCon" id="remarkContent">
88 89
										分享,是我觉得对我熟人圈的亲戚朋友同事们有用,所以发布出来让大家看到
89 90
									</div>
90 91
								</li>
91 92
								<li>
92 93
									<div class="showTit">详细介绍:</div>
93
									<div class="showCon">
94
									<div class="showCon" id="descp">
94 95
										分享,是我觉得对我熟人圈的亲戚朋友同事们有用,所以发布出来让大家看到
95 96
									</div>
96 97
								</li>
@ -98,35 +99,25 @@
98 99
						</div>
99 100
						<!--标签模块-->
100 101
						<ul class="tagList">
101
							<li>
102
								<p class="h2Font">金属材料工程与腐蚀蚀</p>
103
							</li>
104
							<li>
105
								<p class="h2Font">金属材料工程与腐蚀蚀</p>
106
							</li>
107
							<li>
108
								<p class="h2Font">金属材料工程与腐蚀蚀</p>
109
							</li>
110
							<li>
111
								<p class="h2Font">金属材料工程与腐蚀蚀</p>
112
							</li>
113
							<li>
114
								<p class="h2Font">金属材料工程与腐蚀蚀</p>
115
							</li>
102
							
116 103
						</ul>
117 104
					</div>
118 105
				</div>
119 106
			</div>
120 107
			<div class="rightconBox floatR">
121 108
				<div class="conItem conItemG alignCenter" style="border:none;padding:30px;">
122
					<div class="madiaHead useHead"></div>
109
					<div class="madiaHead useHead" id="headImg"></div>
123 110
					<div class="proInfo">
124 111
						<div class="h3Font clearfix">
125
							<span class="h1Font" id="nameS">张某某</span>
126
							<span class="authiconNew authicon-pro" title="科袖认证专家" id="authFlag"></span>
112
							<span class="h1Font" id="nameS"></span>
113
							<span class="authiconNew" title="" id="authFlag"></span>
127 114
						</div>
128
						<p class="h2Font">教授高工、董事长兼CEO</p>
129
						<p class="h2Font" id="orgType">北京科袖科技有限公司</p>
115
						<p class="h2Font" id="titleOffice"></p>
116
						<p class="h2Font" id="orgType"></p>
117
					</div>
118
					<div class="goSpan">
119
						<span class="consultSpan">咨询</span>
120
						<span class="attenSpan">关注</span>
130 121
					</div>
131 122
				</div>
132 123
			</div>
@ -136,20 +127,10 @@
136 127
<footer>
137 128
	<script type="text/javascript" src="js/footer.js"></script>
138 129
</footer>
139

140 130
<script type="text/javascript" src="js/jquery.cookie.js"></script>
141 131
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
142 132
<script type="text/javascript" src="js/jquery.page.js"></script>
143 133
<script type="text/javascript" src="js/common.js"></script>
144
<script type="text/javascript">
145
    $(function() {
146
        $(".jqzoom").imagezoom();
147
        $("#thumblist li a").click(function() {
148
            $(this).parents("li").addClass("tb-selected").siblings().removeClass("tb-selected");
149
            $(".jqzoom").attr('src', $(this).find("img").attr("src"));
150
            $(".jqzoom").attr('rel', $(this).find("img").attr("src"));
151
        });
152
    });
153
</script>
134
<script type="text/javascript" src="js/resourcePreview.js"></script>
154 135
</body>
155 136
</html>

+ 22 - 63
resourceShow.html

@ -11,7 +11,11 @@
11 11
<link type="text/css" href="css/genindex.css" rel="stylesheet">
12 12
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
13 13
<script type="text/javascript" src="js/jquery.imagezoom.min.js"></script>
14

14
<style type="text/css">
15
	.showMain2>ul>li{
16
		display:none;
17
	}
18
</style>
15 19
</head>
16 20

17 21
<body>
@ -27,37 +31,17 @@
27 31
					<div class="showReBasic clearfix">
28 32
						<div class="Imagebox floatL">
29 33
		                    <div class="tb-booth tb-pic tb-s360">
30
		                        <a href="images/banner/banner01.jpg" target="_blank">
31
		                            <img src="images/banner/banner01.jpg" alt="美女" rel="images/banner/banner01.jpg" class="jqzoom" />
34
		                        <a href="" target="_blank">
35
		                            <img src="" alt="美女" rel="" class="jqzoom" id="firstFigure"/>
32 36
		                        </a>
33 37
		                    </div>
34 38
		                    <ul class="tb-thumb" id="thumblist">
35
		                        <li class="tb-selected">
36
		                            <div class="tb-pic tb-s66">
37
		                                <a href="javascript:void(0);">
38
		                                    <img src="images/banner/banner01.jpg"/>
39
		                                </a>
40
		                            </div>
41
		                        </li>
42
		                        <li>
43
		                            <div class="tb-pic tb-s66">
44
		                                <a href="javascript:void(0);">
45
		                                    <img src="images/banner/banner02.jpg"/>
46
		                                </a>
47
		                            </div>
48
		                        </li>
49
		                        <li>
50
		                            <div class="tb-pic tb-s66">
51
		                                <a href="javascript:void(0);">
52
		                                    <img src="images/banner/banner03.jpg"/>
53
		                                </a>
54
		                            </div>
55
		                        </li>
39
		                       
56 40
		                    </ul>
57 41
		                </div>
58 42
		                <div class="reInfoBlock floatL">
59
		                	<div class="h1Font">福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4</div>
60
		                	<div class="h2Font">应用用途:福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4</div>
43
		                	<div class="h1Font" id="resourceName">福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4</div>
44
		                	<div class="h2Font">应用用途:<span id="application">福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4</span></div>
61 45
		                	<div class="operateBlock resShareUl">
62 46
		                		<ul>
63 47
		                			<li><span>收藏</span> <em class="operateicon operateicon2 icon-collect"></em></li>
@ -83,31 +67,31 @@
83 67
							<ul>
84 68
								<li>
85 69
									<div class="showTit">所属机构:</div>
86
									<div class="showCon">
70
									<div class="showCon" id="organizationName">
87 71
										分享,是我觉得对我熟人圈的亲戚朋友同事们有用,所以发布出来让大家看到
88 72
									</div>
89 73
								</li>
90 74
								<li>
91 75
									<div class="showTit">厂商型号:</div>
92
									<div class="showCon">
76
									<div class="showCon" id="modelNumber">
93 77
										分享,是我觉得对我熟人圈的亲戚朋友同事们有用,所以发布出来让大家看到
94 78
									</div>
95 79
								</li>
96 80
								<li>
97 81
									<div class="showTit">性能参数:</div>
98
									<div class="showCon">
82
									<div class="showCon" id="performancePa">
99 83
										分享,是我觉得对我熟人圈的亲戚朋友同事们有用,所以发布出来让大家看到
100 84
									</div>
101 85
								</li>
102 86
								<li>
103 87
									<div class="showTit">合作备注:</div>
104
									<div class="showCon">
88
									<div class="showCon" id="remarkContent">
105 89
										分享,是我觉得对我熟人圈的亲戚朋友同事们有用,所以发布出来让大家看到
106 90
									</div>
107 91
								</li>
108 92
								<li>
109 93
									<div class="showTit">详细介绍:</div>
110
									<div class="showCon">
94
									<div class="showCon" id="descp">
111 95
										分享,是我觉得对我熟人圈的亲戚朋友同事们有用,所以发布出来让大家看到
112 96
									</div>
113 97
								</li>
@ -115,21 +99,7 @@
115 99
						</div>
116 100
						<!--标签模块-->
117 101
						<ul class="tagList">
118
							<li>
119
								<p class="h2Font">金属材料工程与腐蚀蚀</p>
120
							</li>
121
							<li>
122
								<p class="h2Font">金属材料工程与腐蚀蚀</p>
123
							</li>
124
							<li>
125
								<p class="h2Font">金属材料工程与腐蚀蚀</p>
126
							</li>
127
							<li>
128
								<p class="h2Font">金属材料工程与腐蚀蚀</p>
129
							</li>
130
							<li>
131
								<p class="h2Font">金属材料工程与腐蚀蚀</p>
132
							</li>
102
							
133 103
						</ul>
134 104
						<!--相关文章-->
135 105
						<div class="form-item otherShow">
@ -194,14 +164,14 @@
194 164
			</div>
195 165
			<div class="rightconBox floatR">
196 166
				<div class="conItem conItemG alignCenter" style="border:none;padding:30px;">
197
					<div class="madiaHead useHead"></div>
167
					<div class="madiaHead useHead" id="headImg"></div>
198 168
					<div class="proInfo">
199 169
						<div class="h3Font clearfix">
200
							<span class="h1Font" id="nameS">张某某</span>
201
							<span class="authiconNew authicon-pro" title="科袖认证专家" id="authFlag"></span>
170
							<span class="h1Font" id="nameS"></span>
171
							<span class="authiconNew" title="" id="authFlag"></span>
202 172
						</div>
203
						<p class="h2Font">教授高工、董事长兼CEO</p>
204
						<p class="h2Font" id="orgType">北京科袖科技有限公司</p>
173
						<p class="h2Font" id="titleOffice"></p>
174
						<p class="h2Font" id="orgType"></p>
205 175
					</div>
206 176
					<div class="goSpan">
207 177
						<span class="consultSpan">咨询</span>
@ -215,21 +185,10 @@
215 185
<footer>
216 186
	<script type="text/javascript" src="js/footer.js"></script>
217 187
</footer>
218

219 188
<script type="text/javascript" src="js/jquery.cookie.js"></script>
220 189
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
221 190
<script type="text/javascript" src="js/jquery.page.js"></script>
222 191
<script type="text/javascript" src="js/common.js"></script>
223
<script type="text/javascript">
224
    $(function() {
225
        $(".jqzoom").imagezoom();
226
        $("#thumblist li a").click(function() {
227
            $(this).parents("li").addClass("tb-selected").siblings().removeClass("tb-selected");
228
            $(".jqzoom").attr('src', $(this).find("img").attr("src"));
229
            $(".jqzoom").attr('rel', $(this).find("img").attr("src"));
230
        });
231
    });
232
    $('.shareWeixin').hover(function(){$('.shareCode').stop(true,false).fadeToggle();});
233
</script>
192
<script type="text/javascript" src="js/resourceShow.js"></script>
234 193
</body>
235 194
</html>