留言样式

css/leaveWord.css

.commentList>li .h2Font{font-size: 16px;color: #666;line-height: 26px;}
.commentList>li .commenttime{font-size: 14px;color: #999;margin-left:18px;}
.commentList>li .operateSpan{margin:10px 0 0;color:#9d9ea8;font-size:14px;}
.commentList>li .operateSpan span{margin-right:20px;}
.commentList>li .operateSpan>em>span{margin-right:20px;}
.commentList>li .operateSpan .callBack{position:relative;padding-left:20px;margin-right:40px;cursor:pointer;}
.commentList>li .operateSpan .callBack:before{position:absolute;content:url(../images/g_article_button_huifu_nor.png);top:50%;left:0;margin-top:-8px;}
.messageDel{cursor:pointer;}
.hReply{padding: 5px 10px;background-color: #ff9900;color: #fff;margin-left: 10px;cursor: pointer;outline:none;border:none;}
.replyLeword {margin-top:10px;}
.noMy{font-style:normal;}
.dzthumb{position:relative;top:7px;display: inline-block;padding: 15px 25px 15px 25px;font-size: 16px;background: url(../images/g_article_icon_dianzan_nor.png) no-repeat 18px center;background-size: 16px 16px;background-color: #ff9900;cursor: pointer;opacity: .9;border-radius: 5px;}
.dzthumb.dzthumbed{background-color:#e0e0e0;}
.replyLeword textarea {padding-top:5px;}
.dzthumb{position: relative;top: -1px;display: inline-block;padding: 5px 10px 5px 10px;font-size: 16px;background-color: #ffe9c8;cursor: pointer;border-radius: 5px;border-radius: 5px;}
.dzthumb.dzthumbed{color: #FFFFFF;background: #ff9900;}
.dzthumbed .icon-zan{background-position: 0 -1px;}
.replyLeword textarea {  font-size: 14px;line-height: 30px;padding: 0 10px;}
.replyLeword textarea:focus{border-color:#ff9900;}

js/answerLeaveW.js

				itemlist += '<div class="madiaInfo">';
				itemlist += '<p><a href="userInforShow.html?professorId='+data[i].sender+'" class="userhref"><span class="h1Font messageName">张某某</span></a><em class="authiconNew" title="科袖认证专家"></em>'+reply+'<span class="commenttime" style="float:right;">'+commenTime(data[i].createTime)+'</span></p>';
				itemlist += '<p class="h2Font messageContent">'+data[i].cnt+'</p>';
				itemlist += '<div class="operateSpan"><em class="noMy"><span class="dzthumb"></span><span class="thNum">赞0</span><span class="callBack">回复</span></em><span class="messageDel displayNone">删除</span></div>';
				itemlist += '<div class="operateSpan"><em class="noMy"><span class="dzthumb"><span class="hold-icon icon-zan"></span><span class="agreeCount" style="margin-left: 6px;">'+data[i].agreeCount+'</span></span><span class="callBack">回复</span></em><span class="messageDel displayNone">删除</span></div>';
				itemlist += '<div class="displayNone replyLeword"><textarea class="txtArea" style="font-size:12px"></textarea><p class="pTxt"><span class="qCancel" style="font-size:12px">取消</span><button class="hReply btnModel" disabled style="font-size:12px">回复</button></p></div></div></li>';
				$itemlist = $(itemlist);
				selector.append($itemlist); 
					self.userInfo(data[i].sender, $itemlist, 0);
				}
				if(data[i].agreeCount)
					self.referThup(data[i].id, $itemlist, data[i].agreeCount);
					self.referThup(data[i].id, $itemlist);
			}
	}
	LeaveWord.prototype.userInfo = function(uId, li, parNum) {
			uid: $.cookie('userid')
		}, "GET", function(data) {
			if(data) {
				li.find(".thNum").html("已赞" + num).end().find(".dzthumb").addClass("dzthumbed").css("cursor","auto");
				li.find(".dzthumb").addClass("dzthumbed").css("cursor","auto");
			}
		})
	}
			uid: $.cookie('userid'),
			uname: $.cookie('userName')
		}, "POST", function(data) {
			$(self).addClass('dzthumbed').siblings(".thNum").html("已赞"+(num+1))// + (Number(self.getAttribute("data-num")) + 1);
			$(self).addClass('dzthumbed').css("cursor","auto").find(".agreeCount").html(num+1)
		})
	}
	LeaveWord.prototype.replyLword = function( $th,lid) {

js/leaveWord.js

				itemlist += '<div class="madiaInfo">';
				itemlist += '<p><a href="userInforShow.html?professorId='+data[i].sender+'" class="userhref"><span class="h1Font messageName">张某某</span></a><em class="authiconNew" title="科袖认证专家"></em>'+reply+'<span class="commenttime" style="float:right;">'+commenTime(data[i].createTime)+'</span></p>';
				itemlist += '<p class="h2Font messageContent">'+data[i].cnt+'</p>';
				itemlist += '<div class="operateSpan"><em class="noMy"><span class="dzthumb"></span><span class="thNum">赞0</span><span class="callBack">回复</span></em><span class="messageDel displayNone">删除</span></div>';
				itemlist += '<div class="operateSpan"><em class="noMy"><span class="dzthumb"><span class="hold-icon icon-zan"></span><span class="agreeCount" style="margin-left: 6px;">'+data[i].agreeCount+'</span></span><span class="callBack">回复</span></em><span class="messageDel displayNone">删除</span></div>';
				itemlist += '<div class="displayNone replyLeword"><textarea class="txtArea"></textarea><p class="pTxt"><span class="qCancel">取消</span><button class="hReply btnModel" disabled>回复</button></p></div></div></li>';
				$itemlist = $(itemlist);
				$(".commentList").append($itemlist); 
					self.userInfo(data[i].sender, $itemlist, 0);
				}
				if(data[i].agreeCount)
					self.referThup(data[i].id, $itemlist, data[i].agreeCount);
					self.referThup(data[i].id, $itemlist);
			}
			self.time=data[data.length-1].createTime;
			self.id=data[data.length-1].id;
			uid: $.cookie('userid')
		}, "GET", function(data) {
			if(data) {
				li.find(".thNum").html("已赞" + num).end().find(".dzthumb").addClass("dzthumbed").css("cursor","auto");
				li.find(".dzthumb").addClass("dzthumbed").css("cursor","auto");
			}
		})
	}
			uid: $.cookie('userid'),
			uname: $.cookie('userName')
		}, "POST", function(data) {
			$(self).addClass('dzthumbed').siblings(".thNum").html("已赞"+(num+1))// + (Number(self.getAttribute("data-num")) + 1);
			$(self).addClass('dzthumbed').css("cursor","auto").find(".agreeCount").html(num+1)
		})
	}
	LeaveWord.prototype.replyLword = function( $th,lid) {