首先非常感谢网友水墨寒的无私分享，文本框插入表情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>
效果如下：
如果您觉得本作品对您的学习有所帮助：
关键字：
表情插件 网友水墨寒 弹出层 Jquery新浪表情插件 气泡提示 实用特效 原创作品