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",
});
html页面如何引入表情插件,jquery动画表情插件相关推荐
- 页面打印插件 jquery.jqprint.js 插件使用实例
页面打印插件 jquery.jqprint.js 插件使用实例 jquery.jqprint.js 插件下载 jqprint 是一个基于jQuery编写的页面打印的一个小插件,可以对页面指定元素的内容 ...
- jquery表情 juqery qq表情适用jQuery QQ表情插件jquery.qqFace
解决jquery 1.9.0 以上版本 jquery去掉了对 $.browser 的支持,采用$.support 来判断浏览器类型.导致之前的很多插件报错的问题 选择后的表情转义为和QQ表情一样的汉字 ...
- html 水印插件,jquery图片水印插件
Img2Blob.js是一款可以为图片添加自定义水印的jquery插件.该jquery图片水印插件可以将图片转换为blob对象,然后为其添加自定义水印效果. 使用方法 在页面中引入jquery和img ...
- html picker插件,jQuery元素选择器插件-multiPicker
一款jQuery元素选择器插件-multiPicker,可以用于星期.月份.语言等小范围的选择,有多种不同的选择方式,演示效果了可以自由体验,个人觉得实用性还是挺强的,喜欢的就收下吧. 查看演示 下载 ...
- html 评分五角星的插件,jquery五角星评分插件示例分享
jQuery五角星评分插件 #rating_cont { background: #1E1D1C url(images/rating_background.jpg) top left no-repea ...
- 风琴html插件,jQuery垂直手风琴插件
这款jQuery手风琴插件中使用了一个jQuery鼠标滚轮插件jQuery Mousewheel Plugin,这个插件使我们可以用鼠标滚动来浏览手风琴效果. 插件中精美的插图来自于花瓣. HTML ...
- maya表情blendshape_三维动画表情控制曲线与BlendShape的使用技巧
张梦 摘 要:三维动画制作过程中经常会因为调好的表情不能和人物面部绑定在一起,单独使用Blend Shape来控制人物表情比较麻烦,给后期调动画带来不必要的麻烦,使用曲线控制角色表情绑定使得调动画变得 ...
- html 图片自动切换插件,jquery图片切换插件
/** * 图片切换插件 * Dependence jquery-1.7.2.min.js **/ (function ($) { //调用方式 $('#silder').imgSilder({s_w ...
- html map插件,jQuery谷歌地图插件maplace.js
插件描述:Maplace.js帮助你嵌入你的网站,谷歌地图,快速创建标记和控制菜单在地图上的位置. 非常小的谷歌地图jQuery插件 Maplace.js帮助你嵌入你的网站,谷歌地图,快速创建标记和控 ...
最新文章
- Oracle官方教程之Fork/Join
- 研究生走私实验材料被海关查获!为了毕业,真的太难了...
- 目标检测--RON: Reverse Connection with Objectness Prior Networks for Object Detection
- simple c语言,C语言——指针(simple).ppt
- 波场DApp数据分析
- [转]html5: postMessage解决跨域和跨页面通信的问题
- 软件设计原则——依赖倒转原则
- pandas - 案例(美国2012年总统候选人政治献金数据分析)
- android--------WebView 实现缓存网页数据
- 致所有.Net者和有梦想的朋友们 - 共勉
- C#多线程编程系列(一)- 简介
- lnmp 清除mysql日志,军哥LNMP 如何关闭 Mysql 日志,并且删除 mysql-bin.0000*日志文件...
- linux下安装mysql数据库
- nodejs——qureystring的作用
- va_list、va_start和va_end实现
- UT-FT-ST测试
- 心情札记 --- 人活着是为了天天开心快乐, 去憧憬和实现一切美好的事物
- 王的机器第一本书「快乐机器学习」飨你
- 【JAVA8】Map新方法,别再重复造车轮了
- 关于计算机的手抄报知识,电子手抄报