jQuery仿QQ空间说说发表留言代码【原创

来源:https://www.sucaihuo.com//js/2189.html 2017-06-17 22:40浏览(2315) 收藏

jQuery仿QQ空间说说发表留言代码,不但可以输入评论文字,还可以选择表情发布。
jQuery仿QQ空间说说发表留言代码
分类:其它特效 > jQuery插件 难易:中级
查看演示 下载资源 下载积分: 95 积分

js代码

<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">

	//点击小图片,显示表情
	$(".bq").click(function(e){
		$(".face").slideDown();//慢慢向下展开
		e.stopPropagation();   //阻止冒泡事件
	});

	//在桌面任意地方点击,他是关闭
	$(document).click(function(){
		$(".face").slideUp();//慢慢向上收
	});

	//点击小图标时,添加功能
	$(".face ul li").click(function(){
		var simg=$(this).find("img").clone();
		$(".message").append(simg);
	});

	//点击发表按扭,发表内容
	$("span.submit").click(function(){

		var txt=$(".message").html();
		if(txt==""){
			$('.message').focus();//自动获取焦点
			return;
		}

		$(".msgCon").prepend("<div class='msgBox'><dl><dt><img src='images/tx.jpg' width='50' height='50'/></dt><dd>神马都是浮云</dd></dl><div class='msgTxt'>"+txt+"</div></div>");
	});

</script>
标签: 评论留言
声明:本文为原创文章,如需转载,请注明来源sucaihuo.com并保留原文链接:https://www.sucaihuo.com/js/2189.html
评论0
头像

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

1 2