如下图所示：此为本站主题Typical文字快捷回复按钮区。

当用户点击快捷回复上的文字按钮时，相应的内容就会自动填入评论框内，这为那些不愿意多花时间打字，又想说点什么的用户提供了很大的方便，加强用户体验。实现方法如下：

html结构

找到comments.php模板，在适当的位置添加下面的标签结构

<div id="shortcut-reply">
    <span>快捷回复</span>
    <div>
        <ul>
            <li id="sr-qd"  href="javascript:;">签到</li>
            <li id="sr-zc"  href="javascript:;">支持</li>
            <li id="sr-gx" href="javascript:;">感谢</li>
            <li id="sr-gl" href="javascript:;">给力</li>
            <li id="sr-jy" href="javascript:;">加油</li>
            <li id="sr-sq" href="javascript:;">生气</li>
        </ul>
    </div>
</div>

js控制

需要jQuery库的支持

/**
 * 文字快捷回复(http://www.inlojv.com)
 * Copyright 2015 INLOJV .
 */
$(document).on('click', '#shortcut-reply li', function() {
    var b = $(this), c = $("#comment"), t = c.val(), d = new Date(), e = d.toLocaleTimeString(), f = b.fadeOut();
    switch (b.attr("id")) {
        case "sr-qd" : c.val( t + "特来签到，签到时间：" + e + "， 支持 INLOJV.COM ！"), f;
        break;
        case "sr-zc" : c.val( t + "文章不错，支持一下，以后会常来！"), f;
        break;        
        case "sr-gx" : c.val( t + "这篇文章对我有帮助，感谢博主无私分享！"), f;
        break;
        case "sr-gl" : c.val( t + "真是太给力了，顶啊！"), f;
        break;
        case "sr-jy" : c.val( t + "加把劲，我看好你哦！"), f;
        break;        
        case "sr-sq" : c.val( t + "真是肺都气炸了！"), f;
        break;
    default:
        return !1;
    }
});

参考css

/*评论快捷回复文字按钮*/
#shortcut-reply{color:#aaa;background:#f6f6f6;padding:10px 20px;position:relative;overflow:hidden;margin:0 20px;}
#shortcut-reply span{float:left;font-size:15px;font-weight:bold;color:#737F99;padding:2px 0;margin-right:10px}
#shortcut-reply li{cursor:pointer;float:left;padding:2px 10px;background:#E8EBF2;color:#666;margin-right:5px;}
#shortcut-reply li:hover{background:#737F99;color:#fff}

That's all .