原创文本框插入表情Jquery插件
dengjianbin
11年前
文本框插入表情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>
效果如下:
在线演示和下载