分享原创文本框插入表情Jquery插件

文本框插入表情Jquery插件是一款非常实用的功能，应用场景很广，基本上很多网站的留言和评论模块都用到，为了方便大家使用，网友水墨寒将此功能封装成一个通用的插件。代码里面的每一个功能都写上了很详细的注释，分成了3个主要功能，除了插件本身还有一个光标定位插件和表情解析插件。 

  

页面代码使用如下： 

 <script type="text/javascript">  
 $(function (){  
     $("a.face").smohanfacebox({  
        Event : "click",    //触发事件    
         divid : "Smohan_FaceBox", //外层DIV ID  
         textid : "Smohan_text" //文本框 ID  
     });  
     //解析表情  $('#Zones').replaceface($('#Zones').html());  
 });  
 //Demo测试  
 $('#Smohan_Showface').click(function() {  
      $('#Zones').fadeIn(360);  
      $('#Zones').html($('#Smohan_text').val());  
      $('#Zones').replaceface($('#Zones').html());//替换表情  
     });  
 </script> 
  

效果如下： 


在线演示和下载：http://www.jq-school.com/Detail.aspx?id=153