动画表情jQuery插件

PetitQ 表单/表格 2018-11-12 1.88K 0 0

jquery.mb.emoticons.js 是一款 jquery 动画表情插件。它允许你通过面板拾取某个表情符号，然后可以通过这些表情相应的关键字符号将它们转换为 gif 动画表情。

使用方法

在页面中引入 jquery 和 jquery.mb.emoticons.js 文件。

也想出现在这里？联系我们吧

<script src="js/jquery.min.js"></script>

<script src="js/jquery.mb.emoticons.js"></script>

HTML 结构

使用一个<textarea>文本域来作为动画表情拾取的容器。

<textarea id="ta" class="ta"></textarea>

初始化插件

在页面 DOM 元素加载完毕之后，通过 mbSmilesBox()方法即可完成该 jquery 动画表情插件的初始化。

```
$(function(){
```
```
  $("#ta").mbSmilesBox();
```
```
})
```

如果需要将表情字符串渲染为 gif 动画表情，可以项下面这样操作。

<div id="render" style="display:none"></div>

$('#render').html($('#ta').val()).emoticonize(true).show();

配置参数

该 jquery 动画表情插件的默认配置参数如下：

```
$("#ta").mbSmilesBox({
```
```
  smilesPath:"",
```
```
  smiles: {
```
```
    "(angel)":      "angel",
```
```
    " :@":          "angry",
```
```
    "(bandit)":     "bandit",
```
```
    "(bear)":       "bear",
```
```
    "(beer)":       "beer",
```
```
    " :D":          "bigsmile",
```
```
    "(bow)":        "bow",
```
```
    "(u)":          "brokenheart",
```
```
    "(bug)":        "bug",
```
```
    "(^)":          "cake",
```
```
    "(call)":       "call",
```
```
    "(cash)":       "cash",
```
```
    "(clap)":       "clapping",
```
```
    "(coffee)":     "coffee",
```
```
    " 8-)":         "cool",
```
```
    " ;(":          "crying",
```
```
    "(dance)":      "dance",
```
```
    "(devil)":      "devil",
```
```
    "(doh)":        "doh",
```
```
    "(drink)":      "drink",
```
```
    "(drunk)":      "drunk",
```
```
    "(dull)":       "dull",
```
```
    "(blush)":      "eblush",
```
```
    "(emo)":        "emo",
```
```
    "(envy)":       "envy",
```
```
    " ]:)":         "evilgrin",
```
```
    "(F)":          "flower",
```
```
    "(fubar)":      "fubar",
```
```
    "(giggle)":     "giggle",
```
```
    "(handshake)":  "handshake",
```
```
    "(happy)":      "happy",
```
```
    "(headbang)":   "headbang",
```
```
    "(heart)":      "heart",
```
```
    "(heidy)":      "heidy",
```
```
    "(hi)":         "hi",
```
```
    "(inlove)":     "inlove",
```
```
    "(wasntme)":    "itwasntme",
```
```
    "(kiss)":       "kiss",
```
```
    " :x":          "lipssealed",
```
```
    "(mail)":       "mail",
```
```
    "(makeup)":     "makeup",
```
```
    "(finger)":     "middlefinger",
```
```
    "(mmm)":        "mmm",
```
```
    "(mooning)":    "mooning",
```
```
    "(~)":          "movie",
```
```
    "(muscle)":     "muscle",
```
```
    "(music)":      "music",
```
```
    "(myspace)":    "myspace",
```
```
    " 8-|":         "nerd",
```
```
    "(ninja)":      "ninja",
```
```
    "(no)":         "no",
```
```
    "(nod)":        "nod",
```
```
    "(party)":      "party",
```
```
    "(phone)":      "phone",
```
```
    "(pizza)":      "pizza",
```
```
    "(poolparty)":  "poolparty",
```
```
    "(puke)":       "puke",
```
```
    "(punch)":      "punch",
```
```
    "(rain)":       "rain",
```
```
    "(rock)":       "rock",
```
```
    "(rofl)":       "rofl",
```
```
    " :(":          "sadsmile",
```
```
    "(shake)":      "shake",
```
```
    "(skype)":      "skype",
```
```
    " |-)":         "sleepy",
```
```
    "(smile)":      "smile",
```
```
    "(smirk)":      "smirk",
```
```
    "(smoke)":      "smoke",
```
```
    " :|":          "speechless",
```
```
    "(*)":          "star",
```
```
    "(sun)":        "sun",
```
```
    " :O":          "surprised",
```
```
    "(swear)":      "swear",
```
```
    "(sweat)":   "sweating",
```
```
    "(talk)":       "talking",
```
```
    "(think)":      "thinking",
```
```
    "(o)":          "time",
```
```
    "(tmi)":        "tmi",
```
```
    "(toivo)":      "toivo",
```
```
    " :P":          "tongueout",
```
```
    "(wait)":       "wait",
```
```
    "(whew)":       "whew",
```
```
    "(wink)":       "wink",
```
```
    " :^)":         "wondering",
```
```
    " :S":          "worried",
```
```
    "(yawn)":       "yawn",
```
```
    "(yes)":        "yes"
```
```
  },
```
```
  smilesVariations: {
```
```
    ":-)": "smile",
```
```
    ":)": "smile"
```
```
  },
```
```
  smileBoxBtn:"#smileBoxBtn",
```
```
});
```

Github 地址：https://github.com/pupunzi/jquery.mb.emoticons

动画表情 jQuery 插件

已有 470 人购买

永久更新：
演示数据：

立即购买

查看演示升级 VIP 立刻购买

演示地址

下载地址

炫酷企业建站作品展示WordPress中文模板

Supro - 极简电商网站模板WordPress汉化主题

Photon - 全屏摄影相册产品展示网站WordPress汉化主题

表单/表格

动画表情jQuery插件

使用方法

HTML 结构

初始化插件

配置参数

动画表情 jQuery 插件

相关文章

Material Design 风格用户注册登录界面设计

Material Design风格单选框和复选框

超炫喷洒墨水效果打开模态窗口特效

发表回复取消回复

热销模板

表单/表格

使用方法

HTML 结构

初始化插件

配置参数

动画表情 jQuery 插件

相关文章

发表回复 取消回复

热销模板

发表回复取消回复