Boliquan

（1）加载jQuery库，将commenttips.js放入主题js目录，注意设置好其中的“选择器”“相对坐标”

YLife主题的commenttips.js文件内容如下：

jQuery(document).ready(
	function(){
		var id=/^#comment-/;
		var at=/^@/;
		jQuery('#commentlist li p a').each(			//设置选择器
			function() {
				if(jQuery(this).attr('href').match(id)&& jQuery(this).text().match(at)) {
					jQuery(this).addClass('atreply');
				}
			}
		);
		jQuery('.atreply').hover(
			function() {
				jQuery(jQuery(this).attr('href')).clone().hide().insertAfter(jQuery(this).parents('li')).attr('id','').addClass('tip').fadeIn(200);
			},
			function() {
				jQuery('.tip').fadeOut(400, function(){jQuery(this).remove();});
			}
		);
		jQuery('.atreply').mousemove(
			function(e) {
				jQuery('.tip').css({left:(e.clientX+2),top:(e.pageY+22)})   //设置悬浮的框相对鼠标的X与Y坐标
			}
		);
	}
)

（2）在主题footer.php中添加如下代码

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/commenttips.js"></script>

（3）在style.css中添加如下代码

/*Comment_Tip_Start*/
/*所有的#commentlist要根据主题来*/
#commentlist .tip {
	background:#f5f5f5;
	border:1px solid #ccc;
	width:626px;
	padding:3px !important;
	padding:3px 3px 0;
	margin-top:0;
	position:absolute;
	z-index:3;
}
#commentlist .tip .act {
	display:none;
}
*+html #commentlist .tip {
	padding:3px 3px 0 !important;
}
/*Comment_Tip_End*/