gpt帮我写了一个非常漂亮的打赏代码
作者:小编日期:2023-11-05浏览:5752分类:其他分享
现在的gpt太牛逼了 你不懂的 他懂,你懂的 他比你更懂。
今天我看见别人网站有个很漂亮的弹窗打赏页面 我感觉很好看 我就截图下来 发给gpt 叫他帮我写一个一模一样的出来 然后一步一步的改进 最后变成鼠标右键我网站就会弹出来 放在你们网站又可以防止右键
你们也可以叫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="https://www.ewbang.com/dist/js/jquery.min.js"></script>
</head>
<body>
<div id="rewardComponent">
<div>您是想给我打赏吗</div>
<img id="ewm" src="https://789bh.com/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 = `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>
相关文章
- 12-20 攻壳机动队12部电影动画合集
- 12-05 饿了么 正式更名为 淘宝闪购
- 12-05 喜马拉雅付费音频合集 42.4GB
- 12-05 知乎盐选付费文合集.PDF格式(2800+)
- 10-23 婚纱照套路大揭秘
- 12-03 公众号ai爆文写作10w+文章
- 10-25 为什么图文制作搞精准流量更容易?
- 10-11 百度霸屏引流的 6 大方法,让你轻松实现被动引流
- 10-06 “深度干货:引爆流量池社群运营套路解析”
- 10-04 “操作网络项目培训赚钱术,揭秘如何做课程月入万元的生意”
- 09-21 抖音热门视频AE模板80个
- 09-21 MOFA-Video1.0,AI轨迹形变动画,两点成一线,完美生成移动视频
取消回复欢迎你发表评论:
Copyright© YZZY.LA版权所有〖影子资源网〗
〖恒创科技〗为本站提供专业云计算服务
本站发布的内容来源于互联网,如果有侵权内容,请联系我们删除!E-mail:yzzy88@outlook.com
关于我们|我要投稿|免责声明|XML地图





暂无评论,来添加一个吧。