jQuery实现微信支付宝扫二维码击赏
最新写的一个项目,在开源中国的Git上传了一些源码,但是他们有个可以打赏的功能,就是用jQuery实现微信支付宝扫二维码打赏,这个我还是比较有兴趣的呢,于是仿照着做了一个Demo;
演示效果可以参考下这个:jQuery实现微信支付宝扫二维码打赏
效果图片如下:
[img]http://www.erdangjiade.com/jquery/9/922/big.jpg" alt="[/img]
完整代码如下:
[code="html"]
打赏
[img]/forums/41/topics/img/close.jpg" alt="取消[/img]
感谢您的支持,我会继续努力的!
扫码打赏,你说多少就多少
[img]/forums/41/topics/img/alipay.jpg" alt="支付宝[/img]
[img]/forums/41/topics/img/wechat.jpg" alt="微信[/img]
打开支付宝扫一扫,即可进行扫码打赏哦
$(".pay_item").click(function() { $(this).addClass('checked').siblings('.pay_item').removeClass('checked'); var dataid = $(this).attr('data-id'); $(".shang_payimg img").attr("src", "img/" + dataid + "img.jpg"); $("#shang_pay_txt").text(dataid == "alipay" ? "支付宝" : "微信"); }); 如何设置微信打赏二维码 1、首先在手机中打开微信,点击右上角“+号”,选择“收付款”,如图。 [img]http://www.erdangjiade.com/jquery/9//922/demo/1.jpg" alt="[/img]
2、然后选择“我要收款”,生成收款二维码,如图。
[img]http://www.erdangjiade.com/jquery/9//922/demo/2.jpg" alt="" width="337" height="600[/img]
3、长按二维码,选择保存二维码到手机,并把二维码发送到电脑(可以通过QQ或者iCloud等工具,如图)。
[img]http://www.erdangjiade.com/jquery/9//922/demo/3.jpg" alt="" width="337" height="600[/img]