js点赞效果图

点赞时点赞图标会发生变化。

html部分：

<img src="img/icon_thumb_up.png" id="imgs1" style="display:none">

<img src=" img/icon_thumb_up_like_blue.png " id="imgs2" style="display:none">

<img src="img/icon_thumb_up.png" id="imgs3" style="cursor:pointer;">

 

js部分：

var img1 = document.getElementById("imgs1");

var img2 = document.getElementById("imgs2");

var img3 = document.getElementById("imgs3");

var flag = true;

img3.onclick = function() {

if (flag) {

img3.src = img1.src;

flag = false;

} else {

img3.src = img2.src;

flag = true;

}

}