jQuery微信支付宝扫二维码打赏

来源:https://www.sucaihuo.com/js/922.html 2016-08-03 07:38浏览(4147) 收藏

jQuery微信支付宝扫二维码打赏
分类:手机特效 > 弹出层 难易:中级
查看演示 下载资源 下载积分: 30 积分
<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>
$(".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等工具,如图)。

评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2