【转】qqface使用实例

原网址：http://www.xwcms.net/js/bddm/51565.html

 

<div id="show"></div>
	<div class="comment">
	<div class="com_form">
	<textarea class="input" id="saytext" name="saytext"></textarea>
	<p><input type="button" class="sub_btn" value="提交"><span class="emotion">表情</span></p>
	</div>
	</div>

<script  src="js/jquery.min.js"></script>

<script type="text/javascript" src="js/jquery.qqFace.js"></script>

<script type="text/javascript">

$(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,'&lt;');

    str = str.replace(/\>/g,'>');

    str = str.replace(/\n/g,'<br/>');

    str = str.replace(/\[em_([0-9]*)\]/g,'<img src="arclist/$1.gif" border="0" />');

    return str;

}

</script>