发表于 2023-11-5 00:00:00

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

<p>现在的gpt太牛逼了 你不懂的 他懂,你懂的 他比你更懂。</p>
<p>今天我看见别人网站有个很漂亮的弹窗打赏页面 我感觉很好看 我就截图下来 发给gpt 叫他帮我写一个一模一样的出来&nbsp; 然后一步一步的改进&nbsp; 最后变成鼠标右键我网站就会弹出来 &nbsp; 放在你们网站又可以防止右键</p>
<p>你们也可以叫gpt改成按纽然后跳出。只要你不懂的就发给gpt他都能帮我解决 授权神器</p>
<p></p>
<p>&nbsp;</p>
<p>下面是代码 放在你想让他弹窗的页面上</p>
<p>&nbsp;</p>
<p>&lt;!DOCTYPE html&gt;</p>
<p>&lt;html lang="en"&gt;</p>
<p>&lt;head&gt;</p>
<p>&nbsp; &nbsp; &lt;meta charset="UTF-8"&gt;</p>
<p>&nbsp; &nbsp; &lt;title&gt;打赏&lt;/title&gt;</p>
<p>&nbsp; &nbsp; &lt;style&gt;</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; .flex-footer {</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; display: none;</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; position: fixed;</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; top: 50%;</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; left: 50%;</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; transform: translate(-50%, -50%);</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 200px;</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height: 206px;</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background: #fff;</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; box-shadow: 0px 0px 5px 3px #409eff;</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-radius: 20px;</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; text-align: center;</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding-top: 15px;</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; }</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; .text-above-image {</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-size: 16px;</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-bottom: 10px;</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; color: black;&nbsp;</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; }</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; .radio-label {</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; color: black;&nbsp;</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; }</p>
<p>&nbsp; &nbsp; &lt;/style&gt;</p>
<p>&nbsp; &nbsp; &lt;script src="https://www.ewbang.com/dist/js/jquery.min.js"&gt;&lt;/script&gt;</p>
<p>&lt;/head&gt;</p>
<p>&lt;body&gt;</p>
<p>&nbsp; &nbsp; &lt;div class="flex-footer" id="rewardComponent"&gt;</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="text-above-image"&gt;您是想给我打赏吗&lt;/div&gt;</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;img id="ewm" src="https://789bh.com/img/IMG_1994.JPG" width="120px" height="120px"&gt;</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div style="margin-top: 5px;"&gt;</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;label class="radio-label"&gt;&lt;input name="pay" type="radio" value="wx" checked="checked" onclick="changePayment('wx')"&gt;微信&lt;/label&gt;</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;label style="margin-left: 3px;" class="radio-label"&gt;&lt;input name="pay" type="radio" value="zfb" onclick="changePayment('zfb')"&gt;支付宝&lt;/label&gt;</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div style="height: 40px; background: rgba(0,0,0,0);"&gt;&lt;/div&gt;</p>
<p>&nbsp; &nbsp; &lt;/div&gt;</p>
<p>&nbsp; &nbsp; &lt;script language="javascript" type="text/javascript"&gt;</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; function changePayment(method) {</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var obj = document.getElementById("ewm");</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (method === 'zfb') {</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; obj.src = `https://789bh.com/img/IMG_1996.JPG`;</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else if (method === 'wx') {</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; obj.src = `https://789bh.com/img/IMG_1994.JPG`;</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; }</p>
<p>&nbsp;</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; document.addEventListener('contextmenu', function (e) {</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; e.preventDefault();</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var rewardComponent = document.getElementById("rewardComponent");</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; rewardComponent.style.display = "block";</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; });</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; document.addEventListener('click', function (e) {</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var rewardComponent = document.getElementById("rewardComponent");</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (!rewardComponent.contains(e.target)) {</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; rewardComponent.style.display = "none";</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; });</p>
<p>&nbsp; &nbsp; &lt;/script&gt;</p>
<p>&lt;/body&gt;</p>
<p>&lt;/html&gt;</p>
页: [1]
查看完整版本: gpt帮我写了一个非常漂亮的打赏代码