首先引入  jquery 、   jquery.qqFace.js （官网下载完整包）

$(function(){
	$('.emotion').qqFace({
		id : 'facebox', 
		assign:'saytext', 
		path:'arclist/'	//表情存放的路径
	});
	$(".sub_btn").click(function(){
		var str = $("#saytext").val();
		$("#show").html(replace_em(str));
	});
});
//查看结果  替换文本显示表情
function replace_em(str){
	str = str.replace(/\</g,'<');
	str = str.replace(/\>/g,'>');
	str = str.replace(/\n/g,'<br/>');
	str = str.replace(/\[em_([0-9]*)\]/g,'<img src=http://www.mamicode.com/"arclist/$1.gif" border="0" />');>

完成
WEB项目中使用QQ表情