头像

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

来源:http://www.sucaihuo.com/js/2189.html 素材火管理员 2017-06-17 22:40浏览(340) 收藏

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

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

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

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>
标签: 评论留言
评论11
头像

友情提示:垃圾评论一律封号,下载出错或者资源有问题请联系全栈客服QQ 416148489

  • 头像 10楼
    09-09 08:43
    qqlixiangabc
    厉害了锅。。。。。
  • 头像 9楼
    09-06 17:08
    理想的亡命之徒~
    这个好呀
    感觉很高大上
  • 头像 8楼
    08-02 10:51
    eluxwea
    表情直接能用吗?
  • 头像 7楼
    07-09 03:37
    tanglinyan
    迫不及待的拿积分下载代码学习学习
  • 头像 6楼
    06-26 14:28
    summer
    很实用的效果 不错 学习一下
  • 头像 5楼
    06-19 15:31
    ls123
    这个表情包能用吗?有下载过的吗?
  • 头像 4楼
    06-18 16:23
    a51821064
    很好看的哈!!!
  • 头像 3楼
    06-18 11:19
    ehgoo
    很好看的哈
  • 头像 板凳
    06-18 11:17
    richer
    超级实用的功能!
  • 头像 椅子
    06-18 10:18
    爱潜水的乌贼
    感觉不错,赞
1 2