客服聊天功能，发送qq表情包

代码如下

<div class="chatMain">

<div class="navigation"> <a href="javascript:history.go(-1);" class="back"></a>

        <div class="title">在线咨询</div>

    </div>

    <div class="content">

        <p class="time">与<strong>客户经理</strong>对话中</p>        

        <div class="rightMan user clearfix">

            <img src="images/message/tou.png">

            <div class="msg">您好，最近有什么新产品吗？</div>

        </div>        

        <div class="leftMan user clearfix">

            <img src="images/message/shopTou.png">

            <div class="msg">最近，新开发银行30亿元绿色金融债券成功发行，我行为主承销商之一。您可以在产品服务中详

细了解。</div>

        </div>

    </div>

</div>

<div class="chatBottom">

    <span class="y ds_none"></span>

    <input type="text" class="input" id="text"/>

    <span class="b emotion ds_none"></span>

    <span class="p"></span>

    <input type="button" value="发送" class="btn ds_none"/>

</div>

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

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

<script>

    var time;

    $(".input").focus(function(){

        interval = setTimeout(function() {

            document.body.scrollTop = document.body.scrollHeight

        }, 300);

    });

    $(function(){

        $('.emotion').qqFace({

            id : 'facebox',

            assign:'text',

            path:'js/jQuery-qqFace/arclist/'//表情存放的路径

        });

        $(".btn").click(function(){

            var str = $("#text").val();

            var str2 =replace_em(str);

            if(str2==str){

                var html='<div class = "rightMan user clearfix"><img src="images/message/tou.png"><div class="msg">'+str+'</div></div>';

                $(".content").append(html);

                document.body.scrollTop = document.body.scrollHeight

            }else{

                var html='<div class = "rightMan user clearfix"><img src="images/message/tou.png"><div class="msg">'+replace_em(str)+'</div></div>';

                $(".content").append(html);

                document.body.scrollTop = document.body.scrollHeight

            }

            $("#text").val("");

        });

    });

    //查看结果

    function replace_em(str){

        str = str.replace(/\</g,'&lt;');

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

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

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

        return str;

    }

</script>