jquery动画表情插件
jquery.mb.emoticons.js是一款jquery动画表情插件。它允许你通过面板拾取某个表情符号，然后可以通过这些表情相应的关键字符号将它们转换为gif动画表情。
使用方法
在页面中引入jquery和jquery.mb.emoticons.js文件。
< script src="js/jquery.min.js"> < script src="js/jquery.mb.emoticons.js">
HTML结构
使用一个<textarea>文本域来作为动画表情拾取的容器。
< textarea id="ta" class="ta">
初始化插件
在页面DOM元素加载完毕之后，通过mbSmilesBox()方法即可完成该jquery动画表情插件的初始化。
$( function (){
$( "#ta" ).mbSmilesBox();
})
如果需要将表情字符串渲染为gif动画表情，可以项下面这样操作。
< div id="render" style="display:none">
$( '#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" ,
});
