html页面如何引入表情插件,jquery动画表情插件

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

使用方法

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

HTML结构

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

初始化插件

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

$(function(){

$("#ta").mbSmilesBox();

})

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

$('#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",

});