首先非常感谢网友水墨寒的无私分享,文本框插入表情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>
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
图片特效 图片预加载 图片延迟加载 网友良人未归