Html jQuery表情插件_jQuery仿百度表情插件下载
2015-09-16 12:40:06  By: shinyuu

• shinyuu
• JQuery教程
• 0
• 8276
• 3

本Demo是一款jQuery输入框表情符号的插件、也是一款表情选择器代码、代码使用Emoji Picker插件制作的输入域表情符号选择器、效果非常不错、可以直接在input框右边直接点击输入、同样也支持Textarea

HTML代码

<div class="inner cover">
     <p class="lead emoji-picker-container">
        <input type="email" class="form-control" placeholder="输入字段" data-emojiable="true" />
    </p>

     <p class="lead emoji-picker-container">
        <textarea class="form-control textarea-control" rows="3" placeholder="文本区" data-emojiable="true"></textarea>
     </p>
</div>

jQuery代码

$(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();
});

最后给贴上Demo的源代码、希望对大家有用、有兴趣的哥们可以下载看看

源代码下载链接: http://dwtedx.com/download.html?bdkey=s/1c0dPr0G 密码: cqic

若资源对你有帮助、浏览后有很大收获、不妨小额打赏我一下、你的鼓励是维持我不断写博客最大动力

想获取DD博客最新代码、你可以扫描下方的二维码、关注DD博客微信公众号（ddblogs）

或者你也可以关注我的新浪微博、了解DD博客的最新动态：DD博客官方微博（dwtedx的微博）

如对资源有任何疑问或觉得仍然有很大的改善空间、可以对该博文进行评论、希望不吝赐教

为保证及时回复、可以使用博客留言板给我留言: DD博客留言板（dwtedx的留言板）

感谢你的访问、祝你生活愉快、工作顺心、欢迎常来逛逛