web页面 之 超人性的点赞与狂踩

点赞

　　我们在浏览一些文章或博客的时候，都看到过文章后有个赞或是踩，我们也都支持或是踩过！不知大家有没有这样的体验，就是：你随手点了一下，想撤销都撤不掉！！！哪怕是把鼠标点烂，他就是取消不掉！！！好气哦！有没有！同时一点也不人性化：可以让我取消了，我再点别的啊！或是我随手点错了，你不让我撤销，人家辛辛苦苦写出来的文章看到个踩，让作者怎么想？！所以我就想把这个做成可变动的！苦心专研还真实现了！！！以下就是关于点赞与狂踩的分享！

　　鄙人写的这个在HTML模版页面中，使用了font-awesome这个前端组件中的样式！使用时记得要导入哦！！！再者点赞与狂踩JS代码整合成了一个函数！！！

<div class="articles_post_btn">
        <div id="div_digg">
            <div class="thumbs_up" id="ThumbsUp" num="1" onclick="upDown(this);">
                <span class="DiggNums" id="ThumbsCount">{{数据库中的数据,自行动态获取!}}</span>
                <span class="DiggBtn">
                    <i class="fa fa-thumbs-up" aria-hidden="true"></i>点赞</span>
            </div>
            <div class="step_on" id="StepOn" num="0" onclick="upDown(this);">
                <span class="DiggNums" id="StepCount">{{数据库中的数据,自行动态获取!}}</span>
                <span class="DiggBtn">
                    <i class="fa fa-thumbs-down" aria-hidden="true"></i>狂踩</span>
            </div>
            <span id="err" style="color:red;"></span>
        </div>
    </div>

HTML模版页面(赞与踩部分)