我用chatgpt帮我写了一个非常漂亮的打赏代码-技术分享-云码素材

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

发布于：2023-11-05 10:37 阅读次数：162 作者：云码素材分类：技术分享关键词：ChatGPT 打赏代码

现在的chatgpt太牛逼了你不懂的他懂，你懂的他比你更懂。这就是人工智能的魅力，转眼间chatgpt已经火了一年了，你跟上了这波节奏了吗？

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

放在你们网站又可以防止右键

打赏二维码.jpg

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

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

<!DOCTYPE html>
<html>
<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="js/jquery.min.js"></script>
</head>
<body>
    <div id="rewardComponent">
        <div>您是想给我打赏吗</div>
        <img id="ewm" src="img/IMG_1994.JPG" width="120px" height="120px">
        <div style="margin-top: 5px;">
            <label><input name="pay" type="radio" value="wx" checked="checked" onclick="changePayment('wx')">微信</label>
            <label style="margin-left: 3px;"><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 = `img/IMG_1996.JPG`;
            } else if (method === 'wx') {
                obj.src = `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>

入群分享

我要加群：资源共享的时代，不要再单打独斗！加小编微信号加入群：xnynews(备注：云码素材入群)，qq群号：202498279,一起技术学习，资源分享！

免责声明

本站提供的一切软件、教程和内容信息仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。本站信息来自网络收集整理，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容，请支持正版，购买注册，得到更好的正版服务。我们非常重视版权问题，如有侵权请邮件与我们联系处理。敬请谅解！

原创声明：本站所有资源如果标明原创的为云码素材已测试或原创开发项目,可提供有偿技术服务,如标明为收集,为网络收集资源，网路收集资源不提供任何技术支持和服务,网络虚拟资源,一经售出,概不退货,请购买前认真看清资源详情说明。