javascript实现手动点赞效果的方法

  

这篇文章将为大家详细讲解有关javascript实现手动点赞效果的方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

做移动开发的时候经常会遇到点赞的一些处理,尤其是当使用字体图标的时候,由于仅希望改变字体,但是字体经过编译之后又和它的. HTML()不一致,所以导致判断起来比较麻烦,最后想了一个办法来解决此问题。

还有一种点赞是点赞之后后面跟有数字,点击之后颜色变化并且数字+ 1,当再次点击的时候,颜色改变并且数字1 .

以下是我写的一个小例子来简单实现。

效果图如下:

,  javascript实现手动点赞效果的方法

HTML代码:

& lt; ! DOCTYPE  html>   & lt; html  lang=癳n"祝辞   & lt; head>   & lt; meta  charset=癠TF-8"祝辞   & lt; title>点赞& lt;/title>   & lt; meta  name=皏iewport",内容=翱矶?设备宽度,初始=1.0,,最大范围=1.0,user-scalable=no"比;   ,& lt; meta  http-equiv=癤-UA-Compatible",内容=癐E=边缘,chrome=1,比;   & lt; link  rel=皊tylesheet",类型=拔谋?css" https://www.yisu.com/zixun/, href=" css/style.css ">   js/Zepto.js