jQuery Emoji表情插件


jQuery Emoji表情插件
jQuery Emoji表情插件以及Emoji表情等js/jquery网页特效代码下载。

1. 引入CSS

<link href="css/tools.css" rel="stylesheet" />
<link href="css/emojibg.css" rel="stylesheet" />

2. 引入JS

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/emojisort.js"></script>
<script type="text/javascript" src="js/emoji.js"></script>

3. HTML代码

<div style="position:relative;width: 800px;">
	<img src="emoji/icon.png" id="openFace" title="添加表情">
	<textarea id="textarea" style="padding:5px;width: 100%;height:88px;"></textarea>
</div>
<div class="faceDivBox" style="width:800px;height:580px;display:none;">
	<div class="faceDiv" style="height:580px;">
		<section class="emoji-box"></section>
		<div class="tabbox">
			<section class="emoji-tab"></section>
		</div>
	</div>
	<a class="closeFaceBox" href="javascript:void(0)">×</a>
</div>
<script>
$(document).ready(function(){
	sdEditorEmoj.Init(emojiconfig);
	sdEditorEmoj.setEmoji({type:'input',id:"textarea"});
})
</script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>

相关推荐

发表评论

相关文章