给自己的博客加了一个支付宝和微信的赞赏功能,在文章的最底部,点击赞赏按钮,就会出现一个类似知乎专栏的赞赏弹窗,不过知乎的比较高级,它那个是调用微信的支付接口,我这个只是简单的使用了几张二维码图片替换,所以没法显示有哪些人打赏了。
在线体验:http://caibaojian.com/zanshang.html
直接clone这个项目,按照index.html中的代码,把css、HTML、js代码方别引入就可以了。
二维码图片是放在当前目录中的images文件中,支付宝和微信的命名规则为:type+'-'+data-num.如果选择下面这个2元,当默认选择支付宝付款方式时,则对应的图片就是alipay-2.png。
<button class="btn btn-blink" data-num="2">2元</button>
如果对应选择微信的付款方式,同时选择10元这个按钮,则对应的图片就是wechat-10.png。
<button class="btn btn-blink" data-num="10">10元</button>
使用时记得替换images路径下的二维码为你自己的,不然别人打款就会打给我的啦。:)