代碼如下
<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>客戶經(jīng)理</strong>對話中</p>????????
????????<div class="rightMan user clearfix">
????????????<img src="images/message/tou.png">
????????????<div class="msg">您好，最近有什么新產(chǎn)品嗎？</div>
????????</div>????????
????????<div class="leftMan user clearfix">
????????????<img src="images/message/shopTou.png">
????????????<div class="msg">最近，新開發(fā)銀行30億元綠色金融債券成功發(fā)行，我行為主承銷商之一。您可以在產(chǎn)品服務中詳
細了解。</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="發(fā)送" 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,'<');
??????? str = str.replace(/\>/g,'>');
??????? 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>
