php如何处理腾讯的表情,jquery QQ 表情插件分享
最近因项目的要求需要在输入留言的文本框中支持输入QQ表情,这种效果已经很常见了,下面将自己在网上找到的一个使用jquery实现的qq表情插件做一下分享。
首先看一下这个qq表情插件的效果图吧!
下面是具体的实现代码(这里只贴了代码,下面提供有完整的下载包地址):
基于jQuery的QQ表情插件
$(function(){
$('.emotion').qqFace({
id : 'facebox', //表情盒子的ID
assign:'saytext', //给那个控件赋值
path:'face/' //表情存放的路径,注意如果修改了这个地方,下面正则匹配的地方也要做相应的修改
});
$(".sub_btn").click(function(){
var str = $("#saytext").val();
$("#show").html(replace_em(str));
});
});
//查看结果
function replace_em(str){
str = str.replace(/\
str = str.replace(/\>/g,'>');
str = str.replace(/\n/g,'
');
str = str.replace(/\[em_([0-9]*)\]/g,'');
return str;
}
body,html{text-align:center;}
#main{margin:30px auto;width:400px;text-align:left;}
#show{width:380px; margin:20px auto}
.comment{width:380px; margin:20px auto; position:relative}
.comment h3{height:28px; line-height:28px}
.com_form{width:100%; position:relative}
.input{width:100%; height:60px; border:1px solid #ccc}
.sub_btn{float:right;}
.com_form p{height:28px; line-height:28px;}
/*以上css代码根据实际情况修改,以下css代码必须保留*/
span.emotion{width:60px; height:20px; overflow:hidden; background:url(icon.gif) no-repeat 2px 2px; padding-left:20px; cursor:pointer;}
span.emotion:hover{background-position:2px -28px;/*注意hover此属性在ie 6浏览器下是无效的*/}
.qqFace{margin-top:4px;background:#fff;padding:2px;border:1px #dfe6f6 solid;}
.qqFace table td{padding:0px;}
.qqFace table td img{cursor:pointer;border:1px #fff solid;}
.qqFace table td img:hover{border:1px #0066cc solid;}
表情
php如何处理腾讯的表情,jquery QQ 表情插件分享相关推荐
- jquery表情 juqery qq表情适用jQuery QQ表情插件jquery.qqFace
解决jquery 1.9.0 以上版本 jquery去掉了对 $.browser 的支持,采用$.support 来判断浏览器类型.导致之前的很多插件报错的问题 选择后的表情转义为和QQ表情一样的汉字 ...
- 33个优秀的 jQuery 图片展示插件分享
您你可能还喜欢 60款很酷的 jQuery 幻灯片演示和下载 提升你网站水平的 jQuery 插件推荐 30个最佳 jQuery Lightbox 效果插件 Web开发者必备的20款超赞jQuery插 ...
- 9991阴魂不散!多多QQ表情病毒奥秘(转)
9991阴魂不散!多多QQ表情病毒奥秘(转) QQ表情本来是广受用户欢迎的一个实用工具,然而,最近有人却利用人们对QQ表情的喜爱,将其变成了一种恶性病毒.最近,笔者不断接到求助电话,受到一款名叫多多Q ...
- 微信公众帐号开发教程第9篇-QQ表情的发送与接收
我想大家对QQ表情一定不会陌生,一个个小头像极大丰富了聊天的乐趣,使得聊天不再是简单的文字叙述,还能够配上喜.怒.哀.乐等表达人物心情的小图片.本文重点要介绍的内容就是如何在微信公众平台使用QQ表情, ...
- 微信公众号最佳实践 ( 10.2)回复QQ表情和Emoji表情
回复QQ表情和Emoji表情 微信的的文字发送方有一个笑脸表情等表情符,单击该表情后,我们可以发送这些表情,这些表情包括QQ表情和Emoji表情(也叫符号表情) 如图示: 微信用户和微信公众号都能直接 ...
- [033] 微信公众帐号开发教程第9篇-QQ表情的发送与接收
我想大家对QQ表情一定不会陌生,一个个小头像极大丰富了聊天的乐趣,使得聊天不再是简单的文字叙述,还能够配上喜.怒.哀.乐等表达人物心情的小图片.本文重点要介绍的内容就是如何在微信公众平台使用QQ表情, ...
- Android项目 匹配Text里面的Emoji 和 QQ表情
吐槽:第一次写博客,新手一枚.写这个博客为了共享一下资源,大家相互学习,最主要目的是抛砖引玉,引大婶指高见. 前言:需求是这样的,搞聊天,而且是在一个字库里面没有emoji的android系统里面搞. ...
- JQuery基础-》带有案例-隔行换色-全选-QQ表情-下拉框左右移动
JQuery基础 下面案例用到的资源包:https://download.csdn.net/download/weixin_44537122/11879014 1.内容 1. JQuery 基础:1. ...
- day43 JavaWen阶段——JQuery 基础(JQuery相关开发文档,JQuery对象和JS对象区别与转换,JQuery选择器,JQuery中DOM操作,案列【QQ表情选择】【左右移动】)
今日内容 1. JQuery 基础: 概念 快速入门 JQuery对象和JS对象区别与转换 选择器 DOM操作 案例 今日源码: 链接:https://pan.baidu.com/s/1KiG0c_V ...
最新文章
- 科大讯飞CV赛baseline:图像分类实践+0.55
- 记一次 Spring Boot 项目启动卡住问题排查记录
- linux上安装java环境
- 中国最有名的8个程序员:不只雷军、张小龙,其中3人都当过首富!
- 天气预报如何得获得?
- WLAN安全问题详解
- git入门:安装配置 创建版本库
- MySQL(11)-----多表创建及描述表关系(多对多的分析和实现)
- 汇编指令与机器码地相互转换
- 《DSP:matlab释义与实现》学习笔记|freqz()函数详解
- 新书推荐——Linux系统管理与服务器配置
- electron tray click right click
- 深入剖析数据库底层设计
- 使用parent.layer.open()打开页面如何调用子页面的方法
- JDK自带的Timer定时器实现每天24点修改数据
- 一文带你享受数学之优美
- python 关于新型冠状病毒代码!
- 暑假学习14(7.29 周三)
- 实现echarts图标动态更新所遇到的问题与解决方法
- BPlay1.0系列(6:视频播放)
热门文章
- 转|地理数据下载的网站汇总 全国地研联 测绘学报 2018-12-05
- influxdb内存消耗分析及性能优化「追踪篇」
- 用ffmpeg剪辑视频(无编码变化快速切割)(带有快速无转码批量剪辑视频工具下载)
- [小知识]excel数字转中文大写公式
- 仿B站web,APP,后台
- 2020华为测试工程师面经
- matlab路面裂缝检测系统,裂缝识别(路面裂缝检测识别系统设计)
- 假面科技披露赌博处理情况 狼人杀APP反赌系统将持续开发
- 数字逻辑笔记7丨2.5逻辑函数卡诺图化简法
- 爬壁机器人外文文献_新型爬壁机器人多向磁化永磁吸附装置的设计外文文献翻译、中英文翻译...