给大家分享一段前端打赏弹出二维码

梦凯 · 发表于 2022-4-18 18:59:32

因为自己需要这个功能所以就去百度了一下，百度下来加上自己的修改，

可以直接应用，只要在需要打赏的地方放上代码就可以了。

<div style="width: 100%;text-align: center">

   <link  rel="stylesheet" type="text/css"/>

   <button style="background-color: cornflowerblue;color: #ffffff;height: 50px;width: 120px;font-size: 18px;border: 1px solid cornflowerblue" onclick="showPopBox()">打赏支持</button>

   <div class="popBox" id="popBox-demo" style="display:none">

            <div class="popBox-mask"></div>

            <div class="popBox-content">

                  <br><br>

                  <img src="https://www.525zyw.com/shokuan/dsewm.jpg" width="350px" height="450px"><br><br> 

                  <a href="javascript:void(0)" class="btn-close" onclick="hidePopBox()">关闭</a>

            </div>

   </div>

   <script>

            //显示弹框

            function showPopBox(){

                  document.getElementById('popBox-demo').style.display = 'block';

            }

            //关闭弹框

            function hidePopBox(){

                  document.getElementById('popBox-demo').style.display = 'none';

            }

   </script>

</div>
复制代码

18593398366[下载].rar

相关帖子