1.   阿里云服务器1888元代金券领取
  2.   本网站所有源码包解压密码:www.youhutong.com
会员登录  帮助问答

jQuery QQ表情插件 - 使用简单.运行速度快!

小川 特效组件
查看演示   下载源码  
【温馨提示】源码包解压密码:www.youhutong.com

今天和大家分享一款基于jQuery的QQ表情插件.您可以轻松将其应用到你的项目中.

效果图:

001.gif


使用方法:

1.首先在html页面的head中引入jQuery库文件和QQ表情插件jquery.qqFace.js文件.

<script type="text/javascript" src="jquery-1.7.2.min.js"></script> 
<script type="text/javascript" src="jquery.qqFace.js"></script>


2.添加JS.当然下面的ID都是看HTML定义的.(注意JS一定要放在HTML后面)

<script type="text/javascript">
$(function(){
	$('.emotion').qqFace({
		assign:'saytext',  //这是输入框的ID
		path:'arclist/'	   //表情路径
	});
});
</script>


3.入库后.再读出来要显示成图片的话.下面有一个PHP函数可以直接使用.

/**
 * QQ表情转换
 * @access private
 * @param 
 * @return 
 */
 private function qqfaceReplace($str) {
      $str = str_replace ( ">", '<,', $str ); 
      $str = str_replace ( ">", '>,', $str );
      $str = str_replace ( "\n", '>,br/>,', $str );   
      $str = preg_replace ( "[\[em_([0-9]*)\]]", "<img src=\"/static/image/qqface/$1.gif\" />", $str );
      return $str;
 }


我的Html部分:

<div id="show"></div>
<div class="comment">
   <div class="com_form">
       <textarea class="input" id="saytext" name="saytext"></textarea>
       <p>
          <input type="button" class="sub_btn" value="提交">
          <span class="emotion">表情</span>
       </p>
   </div>
</div>


 浏览器启用弹出窗口过滤功能,将无法跳转到下载页。在浏览器地址栏右边符号提示处点击允许就可以了!
查看演示   下载源码  
【温馨提示】源码包解压密码:www.youhutong.com
升级为VIP会员,有效期内免费下载本站所有VIP源码  点击升级为VIP

转载请注明来源地址:小川编程 » http://www.youhutong.com/index.php/article/index/43.html

郑重声明:
1、本站源码仅供个人学习研究和交流使用,请于下载后二十四小时内删除
2、本站大多资源来源于高价购买、互联网、会员分享,仅供学习交流使用,本站不提供任何技术支持
3、如侵犯到任何版权问题,请立即告知本站,本站将及时删除并致以最深的歉意
4、如有侵犯您的版权,请提交软件证书、图片地址、源码链接和联系方式到Email:youhutong@youhutong.com

( 2 )个小伙伴在吐槽
    登录帐号  如果已经登录请刷新! 发表我的评论
    表情