新浪微博网页emoji表情插件使用
html代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>新浪微博表情插件demo</title>
<link rel="stylesheet" href="weiboface.css" />
<script src="jquery.min.js"></script>
<script src="weiboface.js"></script>
</head>
<body>
<div class="textarea-from" style="text-align: center;">
内容:<span class="content"></span><br>
<textarea name="textarea" rows="5" class="textarea" style="width: 500px;margin-top: 20px;"></textarea><br>
<span class="face">表情</span>
<input type="submit" name="submit" class="submit" value="提交">
</div>
<script>
$('.face').SinaEmotion($('.textarea'), '.textarea');
$('.submit').click(function(){
var textarea = $('.textarea').val();
textarea = AnalyticEmotion(textarea);
$('.content').html(textarea);
})
</script>
</body>
</html>说明:
必须引入jquery.min.js,weiboface.css是表情的样式,weiboface.js是表情插件的js1、选择图片

2、点击提交查看效果
