2

有什么好的jQuery表情插件可以用来在网页上创建类似手机短信的界面

4

3 回答 3

4

描述

假设我明白你想要什么(用表情符号图像替换:-))你可以用图像替换文本。

查看示例、源代码和这个jsFiddle 演示

样本

var emoticons = {
  smile: '<img src="path/smile.gif" />',
  sad: '<img src="path/sad.gif" />',
  wink: '<img src="path/wink.gif" />'
};

var patterns = {
  smile: /:-\)/gm,
  sad: /:-\(/gm,
  wink: /;-\)/gm
};

$(document).ready(function() {
  $('p').each(function() {

  var $p = $(this);
  var html = $p.html();

  $p.html(html.replace(patterns.smile, emoticons.smile).
  replace(patterns.sad, emoticons.sad).
  replace(patterns.wink, emoticons.wink));  
 });
});

更多信息

于 2012-01-18T14:05:33.503 回答
1

这是一个纯 CSS Emoticons 插件

http://www.alfajango.com/blog/pure-css-emoticons-wordpress-plugin-released/

1 来自 JQuery http://os.alfajango.com/css-emoticons/

这可能对你有帮助

于 2012-01-19T18:11:50.120 回答
1

这是用于 Gmail 样式动画表情的 jQuery 插件: http ://www.webspeaks.in/2012/09/gmail-style-animated-emoticons-jquery.html

于 2012-09-24T05:24:16.073 回答