gpt帮我写了一个非常漂亮的打赏代码

现在的gpt太牛逼了 你不懂的 他懂,你懂的 他比你更懂。

今天我看见别人网站有个很漂亮的弹窗打赏页面 我感觉很好看 我就截图下来 发给gpt 叫他帮我写一个一模一样的出来  然后一步一步的改进  最后变成鼠标右键我网站就会弹出来   放在你们网站又可以防止右键

你们也可以叫gpt改成按纽然后跳出。只要你不懂的就发给gpt他都能帮我解决 授权神器

gpt帮我写了一个非常漂亮的打赏代码

 

下面是代码 放在你想让他弹窗的页面上

 

<!DOCTYPE html>

<html lang=”en”>

<head>

    <meta charset=”UTF-8″>

    <title>打赏</title>

    <style>

        .flex-footer {

            display: none;

            position: fixed;

            top: 50%;

            left: 50%;

            transform: translate(-50%, -50%);

            width: 200px;

            height: 206px;

            background: #fff;

            box-shadow: 0px 0px 5px 3px #409eff;

            border-radius: 20px;

            text-align: center;

            padding-top: 15px;

        }

        .text-above-image {

            font-size: 16px;

            margin-bottom: 10px;

            color: black; 

        }

        .radio-label {

            color: black; 

        }

    </style>

    <script src=”https://www.ewbang.com/dist/js/jquery.min.js”></script>

</head>

<body>

    <div class=”flex-footer” id=”rewardComponent”>

        <div class=”text-above-image”>您是想给我打赏吗</div>

        <img id=”ewm” src=”https://789bh.com/img/IMG_1994.JPG” width=”120px” height=”120px”>

        <div style=”margin-top: 5px;”>

            <label class=”radio-label”><input name=”pay” type=”radio” value=”wx” checked=”checked” onclick=”changePayment(‘wx’)”>微信</label>

            <label style=”margin-left: 3px;” class=”radio-label”><input name=”pay” type=”radio” value=”zfb” onclick=”changePayment(‘zfb’)”>支付宝</label>

        </div>

        <div style=”height: 40px; background: rgba(0,0,0,0);”></div>

    </div>

    <script language=”javascript” type=”text/javascript”>

        function changePayment(method) {

            var obj = document.getElementById(“ewm”);

            if (method === ‘zfb’) {

                obj.src = `https://789bh.com/img/IMG_1996.JPG`;

            } else if (method === ‘wx’) {

                obj.src = `https://789bh.com/img/IMG_1994.JPG`;

            }

        }

 

        document.addEventListener(‘contextmenu’, function (e) {

            e.preventDefault();

            var rewardComponent = document.getElementById(“rewardComponent”);

            rewardComponent.style.display = “block”;

        });

        document.addEventListener(‘click’, function (e) {

            var rewardComponent = document.getElementById(“rewardComponent”);

            if (!rewardComponent.contains(e.target)) {

                rewardComponent.style.display = “none”;

            }

        });

    </script>

</body>

</html>

小车博客下载必看

给TA打赏
共{{data.count}}人
人已打赏
免费源码

XyPlayer智能解析源码v4.0.8正式版 亲测

2023-11-4 0:00:00

免费源码

自动发卡系统搭建保姆级视频教程+源码

2023-11-6 0:00:00




重要声明

本站资源来自会员发布以及互联网收集,不代表本站立场,如有侵犯你的权益请联系管理员-车车站内发信联系 我们会第一时间进行审核删除。站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业途径!请用户仔细辨认内容的真实性,避免上当受骗!本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。请在下载24小时内删除!


如果遇到付费才可观看的文章,建议升级终身VIP。全站所有资源任意下免费看”。本站资源少部分采用7z压缩,为防止有人压缩软件不支持7z格式,7z解压,建议下载7-zip,zip、rar解压,建议下载WinRAR

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索