Wapegohiệu ứng nút like có demo

5 bài đăng
Tags:
01.08.2016 / 08:46
bink
Bài đăng: 115
Member

Dùng ucweb nên mh kg coppy code đc. Xem demo và server:source luôn nha . http://muabongtuyet.mywap.lt/m ... 07188

01.08.2016 / 10:00
mad
Bài đăng: 2434
Member
Nhào vô cắn tao đi, tao sợ mày à cắn bừa.

img mà

01.08.2016 / 10:19
bink
Bài đăng: 115
Member

Ờ nhầm á :D

01.08.2016 / 12:51
ParkBom
Bài đăng: 596
Member
Hi I Am Park Bom

Quan trọng là có áp dụng đc ko :)

01.08.2016 / 13:21
bink
Bài đăng: 115
Member

[code] <link rel="stylesheet" type="text/css" href="/files/1033473/stylelike.css"/>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<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>

<div class="heart " id="like1" rel="like"></div> <div class="likeCount" id="likeCount1">0</div>

<div class="heart" id="like2" rel="like"></div> <div class="likeCount" id="likeCount2">0</div>

<div class="heart" id="like3" rel="like"></div><div class="likeCount" id="likeCount3">0</div>[/code]