切换风格

默认晚霞 雪山 粉色心情 伦敦 花卉 绿野仙踪 加州 白云 星空 薰衣草 城市 简约黑色 简约米色 龙珠
回复 0

3712

主题

3712

帖子

1万

积分

论坛元老

Rank: 8Rank: 8

积分
12323
给大家分享一段前端打赏弹出二维码[复制链接]
发表于 2022-4-18 18:59:32 | 显示全部楼层 |阅读模式

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

可以直接应用,只要在需要打赏的地方放上代码就可以了。
185931jvzdfcyzvyivs17w.jpg


<!--如果出现乱码在<head>设置<meta charset="utf-8">-->

<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>    <!--src是打赏二维码的路径-->

                    <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

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|不懂 ( 粤ICP备14042591号-1 )|网站地图

GMT+8, 2024-10-31 04:17 , Processed in 0.092550 second(s), 31 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

返回顶部