注册 登录 充值会员 退出
毕业设计 PHP源码
充值

Twitter推特红心点赞CSS3动画按钮特效

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-07-08
Twitter推特红心点赞CSS3动画按钮特效
这是一款仿国外网站Twitter推特红心点赞CSS3动画按钮特效,点过赞之后再次点击按钮可取消点赞js代码。


js代码


<script>
$(document).ready(function()
{

$('body').on("click",'.heart',function()
{
	var A=$(this).attr("id");
	var B=A.split("like");
	var messageID=B[1];
	var C=parseInt($("#likeCount"+messageID).html());
	$(this).css("background-position","")
	var D=$(this).attr("rel");
   
	if(D === 'like') 
	{      
	$("#likeCount"+messageID).html(C+1);
	$(this).addClass("heartAnimation").attr("rel","unlike");
	
	}
	else
	{
	$("#likeCount"+messageID).html(C-1);
	$(this).removeClass("heartAnimation").attr("rel","like");
	$(this).css("background-position","left");
	}
});
});
</script>