网站评论文本框表情选择网站评论文本框表

网站评论文本框表情选择网站评论文本框表情选择是一款很不错的文本框评论表情插件，实现原理也非常简单，就是每个表情对应一个编号，在进行解析替换就达到了表情显示的目的，是不是很多简单呢，你也可以利用这个改造你的评论框和加载表情从而达到很好的网站互动效果。   首先，大家得加载Jq库，好吧上篇文章介绍过了，就不放代码了好吧，再次忍痛放出代码： <script src="js/jquery-1.8.2.min.js" type="text/javascript"></script> 然后加载表情插件的css和js：下载css和js <link href="css/smohan.face.css" type="text/css" rel="stylesheet"> <script type="text/javascript" src="js/smohan.face.js" charset="utf-8"></script> 这是表情盒子代码，放到编辑器下面即可：   <div id="Smohan FaceBox">    <textarea name="text" id="Smohan text" class="smohan text"></textarea>    <p>    <a href="javascript:void 0 " class="face" title="表情"></a>    <button class="button" id="Smohan Showface">显示表情</button>    </p> </div>   <div id="Zones"></div>  这是解析表情的代码，放到要显示表情的地方即可： <script type="text/javascript"> $ function  { $ "a.face" .smohanfacebox { Event : "click", //触发事件 divid : "Smohan FaceBox", //外层DIV ID textid : "Smohan text" //文本框 ID } ; //解析表情  $ & 39; Zones& 39; .replaceface $ & 39; Zones& 39; .html ; } ; //Demo测试 $ & 39; Smohan Showface& 39; .click function  {  $ & 39; Zones& 39; .fadeIn 360 ;  $ & 39; Zones& 39; .html $ & 39; Smohan text& 39; .val ;  $ & 39; Zones& 39; .replaceface $ & 39; Zones& 39; .html ;//替换表情 } ; </script> 老墨评论：读完受益匪浅！有很多收获，赞一个！超?efly 评论：前?支持一下～～读完受益匪浅！有很多收获，赞一个！{smile:37} 互传站长网评论：谢谢你的分享文章很不错以后会常来也欢你的迎回访上海小额贷款评论：感觉都没什么好看的符号表情啊都是 qq 的 {smile:48}{smile:48}{smile:48} 紫砂壶评论：加下QQ吧，实在想实现这个效果，但是你写的这些我还是不会弄吴尼玛评论： @紫砂壶：{smile:1}{smile:2}+1114688778 Aooer 评论：不用这么复杂，有这种插件的。{smile:49} Aooer 评论： @Aooer：不过这个插件用起来蛋疼，还要在模板的回复本体里添加代码，，，一般人不知道~~~~ 王小刀评论：好厉害的样子，不过我还是喜欢用插件惜乐博客评论： {smile:5}好给力的样子宣传片制作评论：我本来想弄大一点的表情，结果发现在我的那里不合适灰常记忆评论： {smile:25} 这个可以有~ 紫砂壶评论：吴尼玛，快救救我{smile:51}

网站评论文本框表情选择 网站评论文本框表 - Assbbs

网站评论文本框表情选择网站评论文本框表 - Assbbs