点击资源详细信息ok

src/main/webapp/css/popup.css

.resouimgbox{ width:220px; margin:10px;}
.resouimgboxadd{ width:260px;}
.resouimg{width:100%; border:1px solid #d6d6d6; height:240px; position:relative; overflow:hidden;  }
.resouimg{width:100%; height:240px; position:relative; overflow:hidden;  }
.resouup{width: 100%;height:100%;position: absolute; top:0;background-color: rgba(0,0,0,0.4);font-size:14px;line-height:240px;color: #fff; text-align:center;}
#resouup{ width: 100%;height:100%;box-shadow: none;opacity:0; position: absolute;left:0;top:0px;cursor: pointer;}
.resouimgmsg{ position: relative; top:10px;left:30px;font-size: 13px;color: #aaa;}

src/main/webapp/js/popup.js

	PopHtml += '</tr>';		
	PopHtml += '<tr class="workmsgbox"><th></th><td><div class="resouinforcon"><div class="workmsg workmsg1"></div></div></td></tr>  ';
	PopHtml += '<tr class="respublisher"><th class="resouinfotype"  scope="row">资源发布者</th><td><div class="resouinforcon" id="professor" ></div></td></tr>';
	PopHtml += '<tr><th class="resouinfotype"  scope="row">可提供服务</th><td><div class="resouinforcon"><span  id="supportedServices"></span></div></td></tr>';
	PopHtml += '<tr class="workmsgbox"><th></th><td><div class="resouinforcon"><div class="workmsg workmsg3"></div></div></td></tr>  ';
	PopHtml += '<tr><th class="resouinfotype"  scope="row">学术领域</th><td><div class="resouinforcon"><span   id="subject"></span></div></td></tr>';
	PopHtml += '<tr><th class="resouinfotype"  scope="row">应用行业</th><td><div class="resouinforcon"><span id="industry"></span></div></td></tr>'; 
	PopHtml += '<tr><th class="resouinfotype"  scope="row">期望付款方式</th><td><div class="resouinforcon"><span id="hopePayMethod"></span></div></td></tr>';
	PopHtml += '<tr><th class="resouinfotype"  scope="row">详细描述</th><td ><div class="resouinforcon"><span  id="descp"></span></div></td></tr>';
	PopHtml += '<tr><th class="resouinfotype" scope="row">合作备注</th><td><div class="resouinforcon"><span  id="cooperationNotes"></span></div></td></tr>';		
	PopHtml += '<tr class="limitBox"><th class="resouinfotype"  scope="row">可提供服务</th><td class="limitwordbox"><div class="resouinforcon limitwords"><span  id="supportedServices"></span></div></td></tr>';
	PopHtml += '<tr class="limitBox"><th class="resouinfotype"  scope="row">详细描述</th><td class="limitwordbox" ><div class="resouinforcon limitwords"><span  id="descp"></span></div></td></tr>';
	PopHtml += '<tr class="limitBox"><th class="resouinfotype" scope="row">合作备注</th><td class="limitwordbox"><div class="resouinforcon limitwords"><span  id="cooperationNotes"></span></div></td></tr>';		
	PopHtml +='</table>';
	
	/////////////资源图片上传////////////////////
	PopHtml +='<div class="resouimgbox floatL">';
	PopHtml += '<div class="resouinforcon">';
	PopHtml += '<div class="resouimg" >';
	PopHtml += '<div class="resouimgshow"><img width="100%" height="100%" src="" class="resouImage" /></div></div>';
	PopHtml += '<div class="resouimgshow"><img width="100%" height="85%" src="" class="resouImage" /></div></div>';
	PopHtml += '</div></div>';
	PopHtml += '</div></form>';
	//关闭按钮

src/main/webapp/js/search.js

});
	 //查询资源详细信息
	 $('.about').on("click",'.remess',function(){
			var resourceID=$(this).attr("resourceId");
			console.log(resourceID);
			var resourceID=$(this).attr("resourceId");			
			ResourceMessage();
			$.ajax({		
				"url":"/ajax/resource/"+resourceID,
				"async": true,
				"success":function(info){
					if(info.success)
						{
						console.log(info);
						{						
						$("#resourceName").text(info.data.resourceName);
						$("#supportedServices").text(info.data.supportedServices);
						$("#hopePayMethod").text(info.data.hopePayMethod) ;
							.error(function(){
								$(this).attr("src","/images/default-resource.jpg");
							});
						limitHeight();
						}
						else
						{