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;
}
}
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步