微信分享PC端需要手机扫描二维码

本文介绍了如何在HTML页面中利用JavaScript库(如jQuery和qrcode.min.js)创建一个可点击的微信二维码,用户点击后能分享页面链接到微信。
摘要由CSDN通过智能技术生成
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/jquery.qrcode.min.js"></script>
<div><img class="wx" src="images/wx.png"> <div class="wechat_code" id="qrcode"></div></div>

<script>
    var path = window.location.href;
                        
    var ShareTip =  {
       shareToWx: function () {  // 分享到微信的二维码
          $("#qrcode").qrcode({
              render: "canvas",
              text: path,            // 设置二维码内容
              render: "table",       // 设置渲染方式
              width: 150,            // 设置宽度,默认生成的二维码大小是 256×256
              height: 150,           // 设置高度
              typeNumber: -1,        // 计算模式
              background: "#ffffff", // 背景颜色
              foreground: "#000000"  // 前景颜色
           });
       },  

     }    
     $(document).ready(function(){
         $(".wx").toggle(function() {
                $(".wechat_code").show();
                ShareTip.shareToWx($("#qrcode"));
          },
          function(){
               $(".wechat_code").hide();
               $(".wechat_code").html('');
          }) 
     });
</script>  

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值