的时候，怎么对input框添加表情插件

1

新建html文档。

2

准备好需要用到的图标。

3

书写hmtl代码。

<div id="Smohan_FaceBox">

<textarea name="text" id="Smohan_text" class="smohan_text"></textarea>

<p><a href="#" class="face" title="表情"></a>

<button class="button" id="Smohan_Showface">显示表情</button>

</p>

</div>

<!--/表情盒子-->

<!--解析表情-->

<div id="Zones"></div>

4

书写css代码。

* { margin: 0padding: 0}

html, body { margin: 0padding: 0}

body { background: url(../images/whiteBg.png) repeatfont: normal 14px/14px 'Microsoft JhengHei', 'Microsoft YaHei', Arial, sans-serifcolor: #333333}

h3 { width: 760pxheight: 50pxline-height: 50pxfont-size: 30pxfont-weight: 600text-align: centeroverflow: hiddenmargin: 50px auto 0px autocolor: #777777text-shadow: 0px 1px 0px rgba(255, 255, 255, 1)}

h4 { width: 740pxpadding-right: 20pxheight: 30pxline-height: 30pxfont-size: 16pxfont-weight: 600text-align: rightoverflow: hiddenmargin: 0px autocolor: #777777text-shadow: 0px 1px 0px rgba(255, 255, 255, 1)}

#Smohan_FaceBox { width: 760pxheight: autoposition: relativemargin: 50px automin-height: 160px}

textarea.smohan_text { display: blockwidth: 708pxheight: 78pxpadding: 10px 20pxbackground: url(../images/facebg_1.png) 0px 0px repeat-xborder: 1px solid #cacacaoutline: noneposition: relativeoverflow: hidden}

#Smohan_FaceBox p { display: blockwidth: 748pxpadding: 10px 0px}

.face { display: blockwidth: 20pxheight: 20pxbackground: url(../images/facebg_1.png) 0px -100px no-repeatfloat: left}

.face:hover, .face.in { background-position: 0px -120px}

.button { display: inline-blockwidth: 80pxheight: 35pxline-height: 35pxbackground: #6C3border: 1px solid #6C0text-align: centercursor: pointercolor: #fffffffloat: righttext-shadow: 0px -1px 0px rgba(153, 153, 153, 0.6)}

img { border: 0 none}

#SmohanFaceBox { display: blockwidth: 352pxheight: 187pxposition: absolutetop: 130pxleft: -50pxz-index: 9999}

#SmohanFaceBox .Corner { display: blockwidth: 28pxheight: 15pxbackground: url(../images/facebg_1.png) -32px -100px no-repeatposition: absoluteleft: 45pxtop: 0z-index: 100}

#SmohanFaceBox .Content { display: blockwidth: 350pxheight: 185pxpadding: 10pxbackground: #ffffffborder: 1px solid #cfcfcfz-index: 99margin: 14px 0px 0px 0pxbox-shadow: 0px 1px 10px rgba(204, 204, 204, 1)border-radius: 2px}

#SmohanFaceBox .Content h3 { margin: 0padding: 0width: 350pxheight: 30pxline-height: 26pxdisplay: blockfont-size: 14pxtext-align: left}

#SmohanFaceBox .Content h3 span { float: left}

#SmohanFaceBox .Content h3 .close { display: inline-blockwidth: 16pxheight: 16pxbackground: url(../images/facebg_1.png) -30px -120pxfloat: rightcursor: pointer}

#SmohanFaceBox .Content h3 .close:hover { background-position: -46px -120px}

#SmohanFaceBox .Content ul { margin: 5px 0px 0px 0pxpadding: 0list-style-type: none}

#SmohanFaceBox .Content ul li { display: inline-blockwidth: 22pxheight: 22pxpadding: 2pxborder: 1px solid #f8f8f8float: left}

#SmohanFaceBox .Content ul li:hover { border-color: #6C3}

#Zones { display: blockwidth: 696pxheight: autopadding: 26pxposition: relativebackground: #fffborder: 2px dashed #cacacamargin: 30px autodisplay: none}

5

书写并添加js代码。

<script>

$(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>

6

代码整体结构。

QQ表情包怎么放在QQ上

使用方法：

选择下载你喜欢的表情图释存放到本地文件夹中。共有zip，cfc，eip三种表情格式。其中eip格式表情文件支持导入表情分组信息。

如果您下载的是“骇ip”类表情：

A．双击表情文件，选择是否导入分组信息，自动导入表情集。

B．在表情框中点击“添加自定义表情”，进入表情管理器；选择“导入”，选中表情文件，批量导入表情图释。

如果您下载的是“cfc”类表情：

A． 在表情框中点击“添加自定义表情”，进入表情管理器；

B． 选择“导入”，选中表情文件，批量导入表情图释。

如果您下载的是“zip”类表情：

A． 解压到本地任意文件夹；

B． 在表情框中点击“添加自定义表情”，进入表情管理器，选择“添加”，任意添加一个或多个表情图释，为您添加的表情定义快捷方式并命名。当批量加入表情时，系统默认使用文件名作为图片名称和快捷键。

表情管理器支持分组管理自定义表情，并提供“删除”“修改”“上移”“下移”等功能管理您的表情。

怎么将图片转化为表情包

第一步：制作BMP, JPG, GIF格式的QQ表情图片，存放在任意本地文件夹中；

第二步：将你制作好的QQ表情图片添加到QQ自定义表情；

1.在QQ表情框左下方点击“添加自定义表情”，进入QQ表情管理器。

2.点击“添加”，在d出窗口中，添加制作好的表情图片。可一次添加一个或多个表情图片。单个添加的表情可为其命名和定制快捷方式，批量添加时，系统将默认使用文件名做为图片名称和快捷键。表情文件默认添加到“默认”组中。

3.在表情管理器中点击“添加分组”，输入组名，为你添加的表情建立一个分组。

选中你添加的表情图片（可按住Ctrl键多选），点击“移动组到……”，在d出的下拉菜单中选择你建立的组，即可为你添加的QQ表情文件建立一个表情分组。

第三步：在QQ表情管理中导出表情文件为eip表情安装包格式。

1. 打开你新建的表情分组，点击“导出”，选择导出本组自定义表情即可。你也可按需要选择导出选定自定义表情，或是导出全部自定义表情。

2.可将表情文件保存在任意本地文件夹中。请确认保存类型是eip表情安装包格式。Eip表情安装包中将包含表情的分组信息。

至此，BMP, JPG, GIF格式的QQ表情图片就轻松制作成了eip表情安装包格式。Eip格式的QQ表情可自动安装，可自选是否导入表情分组信息

如何把QQ表情包里的图片弄出来

你可以先装QQ表情包的表清能过QQ表情管理程序安装你QQ的表情里，然后再将你所要保存的表情通发送给好友，然后再对刚发送的表情，点击右键，在d出的菜单中选择“另存为……”，选择你所要保存的位置！

OK完成

请问有类似的表情包吗

这贱猫是叫“猥琐猫”的- -无双猫这名字不知道怎么出来的 .. 还有名字叫无罪国度的猫 ..- -

有这张图整套的表情包吗？

您好。可以试试表情in这个软件，打开软件搜索“潜台词”就可以了，希望可以帮到你，支持 自己修改，添加文字进行制作

网上的表情包有版权吗

你好，都有版权，盈利目的使用都要支付版权费，希望能帮助到你望采纳

怎么下载qq表情大全

1.首先我们打开百度的【图片】模块，然后输入【qq表情包】进行搜索。

2.搜出来以后会有很多，我们选择左侧下面的【类型】进行选择表情包。

3.我这里以搞笑为例进行搜索，然后右侧会出现很多搞笑的表情。选择一个进行下载即可。

4.点击以后我们选择d窗的立即下载进行该表情包的下载。

5.下载完成以后就是一个QQ表情包了。

怎么把百度贴吧里的表情用到QQ里面去呢？

下载后将表情包拉到桌面，将QQ打开，然后点击表情包将其打开，就可以自动载入QQ。

怎么手机QQ导入表情包 5分

目前，安卓手机龚QQ并不支持自定义表情包导入。

另外一种比较麻烦的做法。

百度搜索下载一个解压eif文件的软件例如，搜索 eif表情解压工具。

打开eif表情解压工具

运行程序后，会d出选择QQ表情文件窗口，在“文件类型(T)”中，选择“所有文件”，然后再选择你的EIF表情，会自动解压到EIF表情所在根目录的Extracted文件夹下。

将Extracted文件夹放入手机根目录里面。

在手机QQ中，当你输入表情的时候，直接点击+，从Extracted文件夹中，选择

所需表情图，以图片的形式发送表情。再长按图片添加到表情。

手机qq怎么添加表情包

QQ表情的使用方法

* 方法1(复制粘贴)：直接对着图片点右键复制，然后粘贴到QQ输入框里就行了，就这么超级简单

* 方法2(右键添加QQ表情)：在喜爱的QQ表情图片上点鼠标右键选择 [添加到QQ表情] 就大功告成啦 ^^

* 方法3(eip打包文件导入)：本页表情提供 eip 格式QQ表情打包文件下载，下载后安装就加到QQ表情了

* 方法4(选择本地图片)：进入”表情管理”，点”添加”按钮，点”浏览”；按钮，最后选择你自己硬盘的图片

* 方法5(截图)：在QQ聊天窗口里点”截图”，把自己要用的表情选中，确定，发送…！就这么简单!~~~

* 方法6(自己制作)：用专业软件手动制作，这要看你水平高低了。

QQ表情在QQ程序文件夹中的位置

当我们在登陆QQ的时候，在QQ程序的文件夹下面会生成以QQ号码命名的文件夹，很多信息都保存在这个地方，QQ表情也不例外。

以QQ2008为例：进入到QQ程序所在的文件夹，你就会看到以你的号码命名的文件夹，打开后你会看到CustomFaceRecv和CustomFace这个文件夹，打开后你会发现你QQ上面好友的所有的自定义的QQ表情都在这两个个文件夹里面了，一个是接收的，一个是你自己保存的。[2]

[编辑本段]如何制作QQ表情包

第一步：制作BMP，JPG，GIF格式的QQ表情图片，存放在任意本地文件夹中；

第二步：将你制作好的QQ表情图片添加到QQ自定义表情；

1.在QQ表情框左下方点击“添加自定义表情”，进入QQ表情管理器。

2.点击“添加”，在d出窗口中，添加制作好的表情图片。可一次添加一个或多个表情图片。单个添加的表情可为其命名和定制快捷方式，批量添加时，系统将默认使用文件名做为图片名称和快捷键。表情文件默认添加到“默认”组中。

3.在表情管理器中点击“添加分组”，输入组名，为你添加的表情建立一个分组。

选中你添加的表情图片（可按住Ctrl键多选），点击“移动组到……”，在d出的下拉菜单中选择你建立的组，即可为你添加的QQ表情文件建立一个表情分组。

第三步：在QQ表情管理中导出表情文件为eip表情安装包格式。

1. 打开你新建的表情分组，点击“导出”，选择导出本组自定义表情即可。你也可按需要选择导出选定自定义表情，或是导出全部自定义表情。

2.可将表情文件保存在任意本地文件夹中。请确认保存类型是eip表情安装包格式。Eip表情安装包中将包含表情的分组信息。

至此，BMP, JPG, GIF格式的QQ表情图片就轻松制作成了eip表情安装包格式。Eip格式的QQ表情可自动安装，可自选是否导入表情分组信息。

您好，使用“表情in”表情包软件即可，举例，打开软件后搜索“打电话”找到对应的表情包

点进去可以制作，如下图我们先用橡皮擦擦除图片上原来的字

擦除完了添加文字

你也可以通过取本地相册，相机或是网络图片进行制作

里面本身就有很多同系列 的表情包可以直接使用

---