<!doctype html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>实用输入域表情符号选择器jQuery插件|DEMO_jQuery之家-自由分享jQuery、html5、css3的插件库</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/default.css">
<link href="css/cover.css" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link href="lib/css/nanoscroller.css" rel="stylesheet">
<link href="lib/css/emoji.css" rel="stylesheet">
</head>
<body>
<div class="htmleaf-container">
<header class="htmleaf-header">
<h1>实用输入域表情符号选择器jQuery插件 <span>Add a slick emoji selector to input fields and textareas on your website</span></h1>
<div class="htmleaf-links">
<a class="htmleaf-icon icon-htmleaf-home-outline" href="http://www.htmleaf.com/" title="jQuery之家" target="_blank"><span> jQuery之家</span></a>
<a class="htmleaf-icon icon-htmleaf-arrow-forward-outline" href="http://www.htmleaf.com/jQuery/Form/201508312497.html" title="返回下载页" target="_blank"><span> 返回下载页</span></a>
</div>
</header>
<div class="site-wrapper">
<div class="site-wrapper-inner">
<div class="cover-container">
<div class="inner cover">
<h1 class="cover-heading">emoji-picker</h1>
<p class="lead">jQuery • <a href="http://github.hubspot.com/tether/">Tether.js</a> • <a href="https://jamesflorentino.github.io/nanoScrollerJS/">Nanoscroller.js</a></p>
<p class="lead emoji-picker-container">
<input type="email" class="form-control" placeholder="Input field" data-emojiable="true">
</p>
<p class="lead emoji-picker-container">
<textarea class="form-control textarea-control" rows="3" placeholder="Textarea" data-emojiable="true"></textarea>
</p>
</div>
</div>
</div>
</div>
</div>
<script src="http://libs.useso.com/js/jquery/2.1.1/jquery.min.js" type="text/javascript"></script>
<script>window.jQuery || document.write('<script src="js/jquery-2.1.1.min.js"><\/script>')</script>
<!-- Begin emoji-picker JavaScript -->
<script src="lib/js/nanoscroller.min.js"></script>
<script src="lib/js/tether.min.js"></script>
<script src="lib/js/config.js"></script>
<script src="lib/js/util.js"></script>
<script src="lib/js/jquery.emojiarea.js"></script>
<script src="lib/js/emoji-picker.js"></script>
<!-- End emoji-picker JavaScript -->
<script>
$(function() {
// Initializes and creates emoji set from sprite sheet
window.emojiPicker = new EmojiPicker({
emojiable_selector: '[data-emojiable=true]',
assetsPath: 'lib/img/',
popupButtonClasses: 'fa fa-smile-o'
});
// Finds all elements with `emojiable_selector` and converts them to rich emoji input fields
// You may want to delay this step if you have dynamically created input fields that appear later in the loading process
// It can be called as many times as necessary; previously converted input fields will not be converted again
window.emojiPicker.discover();
});
</script>
</body>
</html>
表情选择器之emoji表情
4星 · 超过85%的资源 需积分: 17 24 浏览量
2016-04-23
09:42:44
上传
评论
收藏 3.28MB RAR 举报 
表情选择器插件之emoji表情.rar （38个子文件） 
表情选择器插件之emoji表情 emoji表情 css 
bootstrap.min.css 86KB default.css 6KB cover.css.map 2KB cover.css 3KB font-awesome.min.css 26KB cover.scss 3KB normalize.css 2KB fonts icomoon.woff 1KB
icomoon.svg 2KB icomoon.eot 2KB icomoon.ttf 1KB
index.html 3KB js jquery.min.js 94KB bootstrap.min.js 43KB jquery-2.1.1.min.js 82KB lib css emoji.css 5KB emoji.css.map 3KB nanoscroller.css 1KB img 
emoji_spritesheet_3.png 402KB
blank.gif 49B IconsetW_1x.png 13KB emoji_spritesheet_4.png 531KB IconsetSmiles_1x.png 3KB emoji_spritesheet_0.png 722KB emoji_spritesheet_2.png 956KB IconsetSmiles.png 7KB emoji_spritesheet_1.png 531KB IconsetW.png 26KB js config.js 126KB nanoscroller.min.js 10KB jquery.emojiarea.js 22KB util.js 5KB emoji-picker.coffee 3KB emoji-picker.js 3KB unicode编码版config.js 127KB emoji-picker.js.map 3KB jquery版jquery.emojiarea.js 22KB tether.min.js 23KB资源评论
sunyao10002018-06-21尝试用\ue方式，不过没用上，还是用原版
