jQuery实现微信支付宝扫二维码打赏插件

浏览:2784 最后更新:2018-04-18 12:07 分类:函数 关键字: jQuery实现微信支付宝扫二维码打赏插件
jQuery实现微信支付宝扫二维码打赏插件,演示可以参考下这里:http://t.cn/RmvXxtE
Html代码如下:<p><a href="javascript:void(0)" onclick="dashangToggle()" class="dashang" title="打赏,支持一下">打赏</a></p> 
<div class="hide_box"></div> 
<div class="shang_box"> 
    <a class="shang_close" href="javascript:void(0)" onclick="dashangToggle()" title="关闭"><img src="img/close.jpg" alt="取消" /></a> 
    <div class="shang_tit"> 
        <p>感谢您的支持,我会继续努力的!</p> 
    </div> 
    <div class="shang_payimg"> 
        <img src="img/alipayimg.jpg" alt="扫码支持" title="扫一扫" /> 
    </div> 
    <div class="pay_explain">扫码打赏,你说多少就多少</div> 
    <div class="shang_payselect"> 
        <div class="pay_item checked" data-id="alipay"> 
            <span class="radiobox"></span> 
            <span class="pay_logo"><img src="img/alipay.jpg" alt="支付宝" /></span> 
        </div> 
        <div class="pay_item" data-id="weipay"> 
            <span class="radiobox"></span> 
            <span class="pay_logo"><img src="img/wechat.jpg" alt="微信" /></span> 
        </div> 
    </div> 
    <div class="shang_info"> 
        <p>打开<span id="shang_pay_txt">支付宝</span>扫一扫,即可进行扫码打赏哦</p> 
    </div> 
</div>
jquery代码如下:$(".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、首先在手机中打开微信,点击右上角“+号”,选择“收付款”,如图。

2、然后选择“我要收款”,生成收款二维码,如图。

3、长按二维码,选择保存二维码到手机,并把二维码发送到电脑(可以通过QQ或者iCloud等工具,如图)。
评论( 相关
后面还有条评论,点击查看>>