实惠的网站建设产品,惠州seo关键词,asp网站数据库扫描,wordpress 用户身份判断javascript实现点赞或踩加一#xff0c;再点一次减一的效果好多新手在网上找不到点赞效果的代码#xff0c;今天给大家分享一个采用js写的简单方法(有点错误#xff0c;已修正)效果图如下HTML代码可直接ctrl c复制代码3030CSS代码可直接ctrl c复制代码(注#xff1a;样式…javascript实现点赞或踩加一再点一次减一的效果好多新手在网上找不到点赞效果的代码今天给大家分享一个采用js写的简单方法(有点错误已修正)效果图如下HTML代码可直接ctrl c复制代码 30 30CSS代码可直接ctrl c复制代码(注样式不一样自己调请根据自行需要修改).dian {display: flex;flex-direction: row;}#zan,#cai {width: 55px;height: 22px;display: flex;flex-direction: row;justify-content: space-between;background-color: #F3F3F3;margin: 0 10px;border-radius: 6px;user-select: none;cursor: pointer;}#zan img,#cai img {width: 14px;height: 14px;margin: 5px 5px 0 5px;}#zan #num1,#cai #num2 {line-height: 22px;margin-right: 3px;}JS代码可直接ctrl c复制代码var zan document.getElementById(zan);var cai document.getElementById(cai);var num1 document.getElementById(num1);var num2 document.getElementById(num2);var flag1 0;var flag2 0;zan.onclick function() {if (flag1 0) {num1.innerHTML;}if (flag1 1) {num1.innerHTML--;}if (flag1 2) {num1.innerHTML;flag1 0;}flag1;}cai.onclick function() {if (flag2 0) {num2.innerHTML;}if (flag2 1) {num2.innerHTML--;}if (flag2 2) {num2.innerHTML;flag2 0;}flag2;}作为一个前端小白代码比较拙劣如有问题请指出我一定悉心改正谢谢以上就是本文的全部内容希望对大家的学习有所帮助也希望大家多多支持脚本之家。
