js实现点赞效果

这篇文章主要为大家详细介绍了js实现点赞效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

javascript实现点赞或踩加一，再点一次减一的效果

好多新手在网上找不到点赞效果的代码，今天给大家分享一个采用js写的简单方法（有点错误，已修正）

效果图如下

HTML代码

可直接ctrl + c复制代码

1 <div class="dian">
2 <div id="zan">
3 <img src="images/college_Likes_ic3.png" alt="很棒，赞一个">
4 <div id="num1">30</div>
5 </div>
6 <div id="cai">
7 <img src="images/college_Likes_ic.png" alt="不行，踩一下">
8 <div id="num2">30</div>
9 </div>
10 </div>

CSS代码

可直接ctrl + c复制代码（注：样式不一样自己调，请根据自行需要修改）

JS代码

可直接ctrl + c复制代码