头像

可发表图片表情的jQuery仿多说留言评论框代码【原创

来源:http://www.sucaihuo.com/js/2195.html 素材火管理员 2017-06-18 17:55浏览(1056) 收藏

可发表图片表情的jQuery仿多说留言评论框代码,评论框可选择QQ表情或输入网络图片地址进行留言。
可发表图片表情的jQuery仿多说留言评论框代码
分类:其它特效 > jQuery插件 难易:中级

程序员,你不是一个人;网站开发QQ群:436471830,在线充值,或联系QQ416148489直接充值

查看演示 下载资源: 22 下载资源 下载积分: 40 积分

js代码

<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/sinaFaceAndEffec.js"></script>
<script type="text/javascript">
	// 绑定表情
	$('.face-icon').SinaEmotion($('.text'));
	// 测试本地解析
	function out() {
		var inputText = $('.text').val();
		$('#info-show ul').append(reply(AnalyticEmotion(inputText)));
	}
	
	var html;
	function reply(content){
		html  = '<li>';
		html += '<div class="head-face">';
		html += '<img src="images/1.jpg" / >';
		html += '</div>';
		html += '<div class="reply-cont">';
		html += '<p class="username">小小红色飞机</p>';
		html += '<p class="comment-body">'+content+'</p>';
		html += '<p class="comment-footer">2016年10月5日 回复 点赞54 转发12</p>';
		html += '</div>';
		html += '</li>';
		return html;
	}
</script>
标签: 表情评论留言
声明:本文为原创文章,如需转载,请注明来源sucaihuo.com并保留原文链接:http://www.sucaihuo.com/js/2195.html
评论4
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 416148489

1 2