专家点赞样式

src/main/webapp/css/common.css

/*------------------------------------------------------------------------------------*/
/*分页*/
.tcdPageCode{ padding: 20px; margin: 10px 0;text-align: left;color: #000;text-align:center;font-size:14px;line-height:24px; }
.tcdPageCode a{display: inline-block;color: #428bca;display: inline-block;height: 30px;	line-height: 30px;	padding: 0 10px;border: 1px solid #e5e5e5;	margin: 0 8px;border-radius:5px; color:#000;}
.tcdPageCode{ padding: 20px; margin: 10px 0;text-align: left;color: #333;text-align:center;font-size:14px;line-height:24px; }
.tcdPageCode a{display: inline-block;color: #428bca;display: inline-block;height: 30px;	line-height: 30px;	padding: 0 10px;border: 1px solid #e5e5e5;	margin: 0 8px;border-radius:5px; color:#333;}
.tcdPageCode a:hover{text-decoration: none;}
.tcdPageCode span.current{display: inline-block;height:30px;line-height: 30px;padding: 0 10px;margin: 0 8px;color: #fff;background-color: #ff9900;border-radius:5px;}
.tcdPageCode span.disabled{	display: inline-block;height: 30px;line-height:30px;padding: 0 10px;margin: 0 8px;	color: #000;background: #fff;border: 1px solid #e5e5e5;border-radius:5px;}
.tcdPageCode span.disabled{	display: inline-block;height: 30px;line-height:30px;padding: 0 10px;margin: 0 8px;	color: #ccc;background: #fff;border: 1px solid #e5e5e5;border-radius:5px;}
.tcdPageCode li { display: inline;}
.tcdPageCode a.current{
/*未认证*/
.unauth{background: #efefef;color: #CCCCCC;}
/***********************缺省页面*******************/
.nodatatip{width:40%;margin:100px auto;overflow:hidden;height:100px; font-size:16px; text-align:center;color:#aaa;}
.nodatabox{width:100%;height: 100%; margin:50px auto;text-align: center;}
.nodatabox .nodata{overflow:hidden; width:50%; margin:auto;}
.nodatabox .nodata li{float:left;}
.nodatabox .picbox{margin: auto;}
.nodatabox .picbox .defpic{display:block;margin: auto;width:200px;height:200px; background:url(../images/nodata.jpg) -30px -790px no-repeat;}
.nodatabox .txtbox { margin:86px auto;}
.nodatabox .txtbox .currword{font-size: 16px;color: #999999;line-height: 28px;}
.nodatabox .txtbox .currtip{ font-size:14px;color: #AAAAAA;}
.nodatabox .txtbox .keyword{ padding:0 6px;color:#555555;}
/***********************缺省页面*******************/

src/main/webapp/css/index.css

/*搜索分类*/
.classify{ width:100%;border:1px #f0f0f0 solid; margin-top:10px;border-radius: 6px;background: #fff; }
.class1{ width:100%; height:52px; overflow:hidden; position:relative; border-bottom:1px #efefef solid;}
.class1{ width:100%; height:48px; overflow:hidden; position:relative; border-bottom:1px #efefef solid;}
.class1:nth-child(even){background:#f8f8f8;}
.class1:last-child{border-bottom:none;}
.title{ padding:0 15px; float:left;font-size:15px;line-height:48px; color:#333;}
.area-con{ float:left; width:83%;/* border:1px solid red; */overflow:hidden; padding-bottom: 10px;}
.class1 a{ padding:0px 10px; float:left;font-size:14px;line-height:30px; color:#333; margin-top:9px;/*  margin-right:15px; */}
.area-con{ float:left; width:83%;/* border:1px solid red; */overflow:hidden; margin:6px 0;}
.class1 a{ padding:0px 10px; float:left;font-size:14px;line-height:30px; color:#333;margin: 4px 2px;/*  margin-right:15px; */}
.class1 a:hover{color:#fff; background:#ff9900;}
.class1 .colorbg{ color:#fff; background:#ff9900;}
.andmore{ display:block; width:100px;font-size:14px;line-height:50px; color:#333; padding:0 28px; position:absolute;right:0; cursor:pointer;}
.list-area{ overflow:hidden; padding:10px 0 20px 0; width:670px; margin:10px auto; background:#f8f8f8;}
.listbox-browse{ min-height:26px; position:relative;}
.list-browse{ height:24px;box-shadow:2px 2px 1px #c9c9c9 ; text-align:center;font-size:14px;line-height:26px; color:#666; margin-left:15px; float:left;cursor:pointer;padding-right: 8px; overflow:hidden;}
.plus{ float:left;display:block; width:26px; height:26px; cursor:pointer; background:url(../images/zan.png) no-repeat center center; margin-left:10px;  }
.plus{ float:left;display:block; width:26px; height:26px; cursor:pointer; background:url(../images/thumb-up.png) no-repeat 0 0; margin-left:10px;  }
.line{ width:110px; height:1px; background:#ccc; float:left; margin-left:30px; margin-top:12px;}
.like-num{ float:right;max-width:380px;height:26px; padding:0 20px; overflow:hidden; }
.like-people{ width:26px; height:26px; float:right; overflow:hidden; margin-right:5px; background:url(../images/default-photo.png) no-repeat center center; background-size:100% 100%;-moz-background-size:100% 100%;}
.add-icon{ cursor:pointer;}
.button{ float:left; width:40px; height:17px; margin-left:10px; margin-top:4px;}
.modi{ cursor:pointer;padding-left:10px;}
.floatL{ float:right;}
/* .floatL{ float:right;} */
.addbox{ display:none;}
/*------------------------------------------------------------------------------------*/

src/main/webapp/information-brow.html

<div id="container">
	<div class="content" style="padding-bottom:120px;">
		<div class="information-head">
			<div class="head-left headRadius"><a href="#"><img id="headImage"></a></div>	
			<div class="head-left headRadius"><a><img id="headImage"></a></div>	
			<div class="head-center">
				<div class="infor-browse">
					<a href="#" class="named" id="nameS" style="font-size:20px;"></a><a href="#" class="modify"></a>
					<a class="named" id="nameS" style="font-size:20px;"></a><a class="modify"></a>
					<div class="position" ><span id="office"></span ><span id="titleS"></span ></div>				
					<div class="science"><span id="industryS"></span ><span id="orgNameS"></span ></div>			
					<div class="address" id="address"></div>					
				</div>
				<div class="coulstbtn floatL" id="conbtn" style="position: absolute;bottom: 20px;"><span>咨询</span></div>
			</div>
			<div class="head-right headRadius"><a  id="organ"><img id="orgImage"></a></div>
			<div class="head-right headRadius"><a id="organ"><img id="orgImage"></a></div>
		</div>
		<div class="information-content">
			<div class="content-left" >
    	<div class="prohead headRadius floatL"><img src="images/default-photo.jpg" width="100%" height="100%" id="foot_proimg"></div>
    	<div class="proinfomation floatL">
    		<div class="clearfix">
    			<a href="#" class="authobject named" id="foot_proname"></a>
    			<a class="authobject named" id="foot_proname"></a>
    			<em class=" authicon-cu" id="foot_promodify"></em>
    		</div>
			<div class="position"><span id="foot_protitle"></span><span></span ><span class="address" id="foot_proaddress"></span></div>				

src/main/webapp/information.html

<div id="container">
	<div class="content">
		<div class="information-head">
			<div class="head-left headRadius"><a href="#"><img id="headImage"><a href="photo-set.html" class="replace-photo"></a></a></div>		
			<div class="head-left headRadius"><a><img id="headImage"><a href="photo-set.html" class="replace-photo"></a></a></div>		
			<div class="head-center">
				<div class="infor-browse">
					<a href="#" class="named" id="nameS" style="font-size:20px;"></a><a href="#" class="modify"></a><a class="edit" style=" margin:4px 6px;"></a>
					<a class="named" id="nameS" style="font-size:20px;"></a><a href="#" class="modify"></a><a class="edit" style=" margin:4px 6px;"></a>
					<div class="position" ><span id="office"></span ><span id="titleS"></span ></div>				
					<div class="science"><span id="industryS"></span ><span id="orgNameS"></span ></div>			
					<div class="address" id="address"></div>
						<input type="text" class="input-txt edu-txt" id="jobCompany"/>
					</div>
					<div class="infor edu btn-marL datebox">
					<div class="infor edu btn-marL datebox" style="width:562px;">
						<div class="date-title"><b class="star">&nbsp;&nbsp;</b><em class="emspace">时</em>间</div>
                        <input type="text"  maxLength="6" class="date-btn input-txt " id="startMonth"  onKeypress="if (event.keyCode < 48 || event.keyCode > 57) event.returnValue = false;" value="201608">
						<!--<input class="date-btn input-txt" id="startMonth"/>-->
						<input type="hidden" id="projectId" />
						<input type="text" class="input-txt edu-txt" id="projectName">
					</div>
					<div class="infor edu btn-marL datebox">
					<div class="infor edu btn-marL datebox" style="width:562px;">
						<div class="date-title"><b class="star">&nbsp;&nbsp;</b><em class="emspace">时</em>间</div>
						
						<!--<input class="date-btn input-txt" id="projectStartMonth"/>-->

src/main/webapp/js/information.brow.js

			     }
			     return ret;
			}
	
			$("#researchAreaShow").on("click",".plus",function(){
				if(userid && userid != null && userid != "null"){
					//点赞变化样式
					if($(this).data("isagree")>-1){
						$(this).stop(true,true).animate({backgroundPositionY:0},300);//变成未点赞样式
					}else{
						$(this).stop(true,true).animate({backgroundPositionY:-26},300);//变成点赞样式
					}
					
					$.ajax({
						"url" : $(this).data("isagree")>-1?"/ajax/researchArea/unAgree":"/ajax/researchArea/agree",
						"type" : "POST",
					/*location.href="login.html"*/
				}
				
				
			})
	    	$.get("/ajax/professor/info/" + professorId, function($data) {
			});
	}
	
	
})

src/main/webapp/js/information.js

					for(var i=0;i<data.data.length;i++){
						add='<div class="sharesrc">'
						add+='<div class="shareshow">'
	                	add+='<a href=""><img src="/images/resource/'+data.data[i].resourceId+'.jpg" width="100%" height="100%" class="resouImage"></a>'
	                	add+='<a><img src="/images/resource/'+data.data[i].resourceId+'.jpg" width="100%" height="100%" class="resouImage"></a>'
	                 	add+='<div class="shareopeart"></div>'
	             		add+='</div>'	             
	             		add+='<p class="restit">资源名称：<span class="presou">'+ data.data[i].resourceName+'</span></p>'

src/main/webapp/js/search.js

	  var listi = 0;
	 $(".andmore").click(function() {
		$(this).find(".updown").css("background-position", "left");
		$(this).parent().css("height", "52px");
		$(this).parent().css("height", "48px");
		if (listi % 2 == 0) {
	
		} else {

src/main/webapp/photo-set.html

                             <div class="pre-1">
                                 <img  src="" class="jcrop-preview jcrop_preview_s" alt="" id="largeImage"/>
                             </div>
                             <p>160px*160px</p>
                             <p>200px*200px</p>
                             <div class="pre-2">
                                 <img src="" class="jcrop-preview jcrop_preview_s" alt="" id="middleImage"/>
                             </div>