jQuery文本框输入表情符号网页特效

所属分类：网页特效-表单特效,输入/选择框/联动

浏览：977次评论：0次更新时间：2019-10-14

牛币素材VIP可免积分下载

查看演示立即下载收藏

jQuery文本框输入表情符号网页特效

查看演示立即下载

积分说明：注册即送10牛币，每日签到可获得5牛币，成为VIP会员可永久免牛币下载！充值积分充值会员更多说明»

素材描述：jQuery文本框输入表情符号代码，jQuery解析渲染表情显示代码。在文本域中可以输入文字和通过右上角的按钮来选择拾取表情。点击下方的渲染按钮可以将文本域的内容渲染出动画表情来！

标签：渲染输入表情文本框 jQuery

详细介绍

JavaScript代码部分

文件目录结构

┝ base.css

┝ emoticonsList.txt
┝ index.html
js

┝ jquery-1.11.0.min.js
┝ jquery.mb.emoticons.js

smiley

┝ angel.gif
┝ angel.png
┝ angry.gif
┝ angry.png
┝ bandit.gif
┝ bandit.png
┝ bear.gif
┝ bear.png
┝ beer.gif
┝ beer.png
┝ bigsmile.gif
┝ bigsmile.png
┝ bow.gif
┝ bow.png
┝ brokenheart.gif
┝ brokenheart.png
┝ bug.gif
┝ bug.png
┝ cake.gif
┝ cake.png
┝ call.gif
┝ call.png
┝ cash.gif
┝ cash.png
┝ clapping.gif
┝ clapping.png
┝ coffee.gif
┝ coffee.png
┝ cool.gif
┝ cool.png
┝ crying.gif
┝ crying.png
┝ dance.gif
┝ dance.png
┝ devil.gif
┝ devil.png
┝ doh.gif
┝ doh.png
┝ drink.gif
┝ drink.png
┝ drunk.gif
┝ drunk.png
┝ dull.gif
┝ dull.png
┝ eblush.gif
┝ eblush.png
┝ emo.gif
┝ emo.png
┝ envy.gif
┝ envy.png
┝ evilgrin.gif
┝ evilgrin.png
┝ flower.gif
┝ flower.png
┝ frown.gif
┝ frown.png
┝ fubar.gif
┝ fubar.png
┝ giggle.gif
┝ giggle.png
┝ grin.gif
┝ grin.png
┝ handshake.gif
┝ handshake.png
┝ happy.gif
┝ happy.png
┝ headbang.gif
┝ headbang.png
┝ heart.gif
┝ heart.png
┝ heidy.gif
┝ heidy.png
┝ hi.gif
┝ hi.png
┝ inlove.gif
┝ inlove.png
┝ itwasntme.gif
┝ itwasntme.png
┝ kiss.gif
┝ kiss.png
┝ lipssealed.gif
┝ lipssealed.png
┝ mail.gif
┝ mail.png
┝ makeup.gif
┝ makeup.png
┝ middlefinger.gif
┝ middlefinger.png
┝ mmm.gif
┝ mmm.png
┝ mooning.gif
┝ mooning.png
┝ movie.gif
┝ movie.png
┝ muscle.gif
┝ muscle.png
┝ music.gif
┝ music.png
┝ myspace.gif
┝ myspace.png
┝ nerd.gif
┝ nerd.png
┝ ninja.gif
┝ ninja.png
┝ no.gif
┝ no.png
┝ nod.gif
┝ nod.png
┝ party.gif
┝ party.png
┝ phone.gif
┝ phone.png
┝ pizza.gif
┝ pizza.png
┝ polite_smile.gif
┝ polite_smile.png
┝ poolparty.gif
┝ poolparty.png
┝ puke.gif
┝ puke.png
┝ punch.gif
┝ punch.png
┝ rain.gif
┝ rain.png
┝ rock.gif
┝ rock.png
┝ rofl.gif
┝ rofl.png
┝ sadsmile.gif
┝ sadsmile.png
┝ sarcasm.gif
┝ sarcasm.png
┝ shake.gif
┝ shake.png
┝ skepticism.gif
┝ skepticism.png
┝ skype.gif
┝ skype.png
┝ sleepy.gif
┝ sleepy.png
┝ smile.gif
┝ smile.png
┝ smirk.gif
┝ smirk.png
┝ smoke.gif
┝ smoke.png
┝ speechless.gif
┝ speechless.png
┝ star.gif
┝ star.png
┝ sun.gif
┝ sun.png
┝ surprised.gif
┝ surprised.png
┝ swear.gif
┝ swear.png
┝ sweating.gif
┝ sweating.png
┝ talking.gif
┝ talking.png
┝ thinking.gif
┝ thinking.png
┝ time.gif
┝ time.png
┝ tmi.gif
┝ tmi.png
┝ toivo.gif
┝ toivo.png
┝ tongue.gif
┝ tongue.png
┝ tongueout.gif
┝ tongueout.png
┝ wait.gif
┝ wait.png
┝ whew.gif
┝ whew.png
┝ wink.gif
┝ wink.png
┝ wondering.gif
┝ wondering.png
┝ worried.gif
┝ worried.png
┝ yawn.gif
┝ yawn.png
┝ yes.gif
┝ yes.png

smile_old

┝ angel.gif
┝ angel.png
┝ angry.gif
┝ angry.png
┝ bandit.gif
┝ bandit.png
┝ bear.gif
┝ bear.png
┝ beer.gif
┝ beer.png
┝ bigsmile.gif
┝ bigsmile.png
┝ bow.gif
┝ bow.png
┝ brokenheart.gif
┝ brokenheart.png
┝ bug.gif
┝ bug.png
┝ cake.gif
┝ cake.png
┝ call.gif
┝ call.png
┝ cash.gif
┝ cash.png
┝ clapping.gif
┝ clapping.png
┝ coffee.gif
┝ coffee.png
┝ cool.gif
┝ cool.png
┝ crying.gif
┝ crying.png
┝ dance.gif
┝ dance.png
┝ devil.gif
┝ devil.png
┝ doh.gif
┝ doh.png
┝ drink.gif
┝ drink.png
┝ drunk.gif
┝ drunk.png
┝ dull.gif
┝ dull.png
┝ eblush.gif
┝ eblush.png
┝ emo.gif
┝ emo.png
┝ envy.gif
┝ envy.png
┝ evilgrin.gif
┝ evilgrin.png
┝ flower.gif
┝ flower.png
┝ frown.gif
┝ frown.png
┝ fubar.gif
┝ fubar.png
┝ giggle.gif
┝ giggle.png
┝ grin.gif
┝ grin.png
┝ handshake.gif
┝ handshake.png
┝ happy.gif
┝ happy.png
┝ headbang.gif
┝ headbang.png
┝ heart.gif
┝ heart.png
┝ heidy.gif
┝ heidy.png
┝ hi.gif
┝ hi.png
┝ inlove.gif
┝ inlove.png
┝ itwasntme.gif
┝ itwasntme.png
┝ kiss.gif
┝ kiss.png
┝ lipssealed.gif
┝ lipssealed.png
┝ mail.gif
┝ mail.png
┝ makeup.gif
┝ makeup.png
┝ middlefinger.gif
┝ middlefinger.png
┝ mmm.gif
┝ mmm.png
┝ mooning.gif
┝ mooning.png
┝ movie.gif
┝ movie.png
┝ muscle.gif
┝ muscle.png
┝ music.gif
┝ music.png
┝ myspace.gif
┝ myspace.png
┝ nerd.gif
┝ nerd.png
┝ ninja.gif
┝ ninja.png
┝ no.gif
┝ no.png
┝ nod.gif
┝ nod.png
┝ party.gif
┝ party.png
┝ phone.gif
┝ phone.png
┝ pizza.gif
┝ pizza.png
┝ polite_smile.gif
┝ polite_smile.png
┝ poolparty.gif
┝ poolparty.png
┝ puke.gif
┝ puke.png
┝ punch.gif
┝ punch.png
┝ rain.gif
┝ rain.png
┝ rock.gif
┝ rock.png
┝ rofl.gif
┝ rofl.png
┝ sadsmile.gif
┝ sadsmile.png
┝ sarcasm.gif
┝ sarcasm.png
┝ shake.gif
┝ shake.png
┝ skepticism.gif
┝ skepticism.png
┝ skype.gif
┝ skype.png
┝ sleepy.gif
┝ sleepy.png
┝ smile.gif
┝ smile.png
┝ smirk.gif
┝ smirk.png
┝ smoke.gif
┝ smoke.png
┝ speechless.gif
┝ speechless.png
┝ star.gif
┝ star.png
┝ sun.gif
┝ sun.png
┝ surprise.gif
┝ surprise.png
┝ surprised.gif
┝ surprised.png
┝ swear.gif
┝ swear.png
┝ sweating.gif
┝ sweating.png
┝ talking.gif
┝ talking.png
┝ tear.gif
┝ tear.png
┝ thinking.gif
┝ thinking.png
┝ time.gif
┝ time.png
┝ tmi.gif
┝ tmi.png
┝ toivo.gif
┝ toivo.png
┝ tongue.gif
┝ tongue.png
┝ tongueout.gif
┝ tongueout.png
┝ wait.gif
┝ wait.png
┝ whew.gif
┝ whew.png
┝ wink.gif
┝ wink.png
┝ wondering.gif
┝ wondering.png
┝ worried.gif
┝ worried.png
┝ yawn.gif
┝ yawn.png
┝ yes.gif
┝ yes.png

展开查看全部

相关素材 - 表单特效,输入/选择框/联动

jQuery组织架构图、族谱图类控件OrgChart

该插件为画组织架构图插件，通过OrgChart API定义的数据接口以json的数据形式将自己想要的组织架构数据传给orgChart，上手难度低，可扩展性比较高。

导航菜单

0 17767

京东jQuery省市区三级联动特效

用户体验很好的地域三级联动效果。点击文本框弹出地区选择列表

输入/选择框/联动

0 5359

HTML5大转盘抽奖特效代码

HTML5微抽奖大转盘JS特效代码，其实效果主要是用到图片旋转插件jQueryRotate.js，可动态读取奖品效果还是非常流畅的，经常用于活动营销以及微信营销，可以参考使用。

滑块/旋转/滚动

4 9691

简单实用的图片自动轮播插件jquery.SuperSlide.js

用的时候只要把图片换了就行了，要显示几个图片就把“vis：3”改成几，用起来非常方便

焦点图/幻灯片,图片特效,触屏/拖拽/下拉

1 6694

响应式相册图片弹出层，可旋转、放大缩小插件viewer.js

Viewer.js 是一款强大的图片相册插件。弹出层大图片，而且弹出层有多个控制按钮，比如放大缩小、旋转、撤回等，底部有缩略图列表可切换。

图片特效,悬浮层/弹出层

0 4628

jQuery+Bootstrap弹出省市城市地区联动选择代码

Bootstrap+jQuery点击遮罩弹出省市城市地区选择代码，一款实用的城市多选插件，可单选城市、选择省、全选或清空选择

悬浮层/弹出层,输入/选择框/联动

0 5314

PHP+jQuery+Ajax+Mysql实现文章阅后心情态度投票功能

很多大站里面都有发表心情的功能，通过这个功能可以直观统计分析文章或帖子的浏览者的心情感受数据，也很有意思。今天我们来分析一下文章心情投票功能的原理

Ajax,UI/布局/瀑布流

10 21465

jQuery响应式银行选择下拉框

通过js更改html字体大小，使字体随浏览器窗口大小自适应。在一些支付页面会使用到。

输入/选择框/联动

2 6813

讨论这个素材（0）回答他人问题或分享使用心得会奖励牛币

〒_〒居然一个评论都没有……

文明上网，理性发言！ 😉 阿里云幸运券，戳我领取

jQuery文本框输入表情符号网页特效

详细介绍

文件目录结构

相关素材 - 表单特效,输入/选择框/联动

讨论这个素材（0）回答他人问题或分享使用心得会奖励牛币

素材发布者信息

macrokk

热门推荐 / HOT

最新发布 / NEW

标签推荐 / TAG