找到
6
篇与
源码分享
相关的结果
-
赞助作者页面集成彩虹易支付源码分享 今天突发奇想准备写一个在线打赏作者的网页,所以我找ai帮我生成了一个,下面我就来分享给大家。 这是一款基于Bootstrap 5和彩虹V1易支付官方SDK的现代化赞助作者页面,部署非常简单,虚拟主机也可以搭建。 效果图1图片 效果图1图片 功能特点 🎨 基于Bootstrap 5的响应式设计 💰 支持固定金额和自定义金额 🔗 集成彩虹易支付V1协议 📱 支持微信、支付宝、QQ钱包、云闪付 🎯 支付成功自动弹窗感谢 📦 开箱即用,配置简单 源码下载 简单打赏作者v1.0.2 下载地址:https://github.com/xiaoliu1775qwe/rewardme 提取码: 安装使用 克隆项目到您的服务器 配置您的商户信息 修改通知地址为您自己的域名 访问 index.php 即可使用 配置说明 在 lib/epay.config.php 中配置: $epay_config['apiurl'] = '您的支付接口地址'; $epay_config['pid'] = '您的商户ID'; $epay_config['key'] = '您的商户密钥';在 epayapi.php 中配置: $notify_url = "https://改成你的域名/notify_url.php"; //需http://格式的完整路径,不能加?id=123这类自定义参数 //页面跳转同步通知页面路径 $return_url = "https://改成你的域名/return_url.php"; //需http://格式的完整路径,不能加?id=123这类自定义参数 -
好看自适应的网站维护单页html源码 今天给大家分享一个好看自适应的网站维护单页html源码,适配手机电脑,非常适合作为网站维护时使用 演示截图 图片 图片 html代码 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>网站维护公告</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; } body { min-height: 100vh; display: flex; justify-content: center; align-items: center; background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url('https://t.alcy.cc/fj') center/cover fixed; padding: 20px; } .container { background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(12px) saturate(180%); -webkit-backdrop-filter: blur(12px) saturate(180%); border-radius: 20px; padding: 40px; max-width: 600px; width: 90%; text-align: center; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2); border: 1px solid rgba(255, 255, 255, 0.15); } h1 { color: #fff; margin-bottom: 20px; font-size: 2.2em; text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3); } p { color: rgba(255, 255, 255, 0.95); line-height: 1.6; margin: 15px 0; font-size: 1.1em; } .time { color: #FFD740; font-weight: 600; font-size: 1.2em; margin: 20px 0; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); } .loader { width: 50px; height: 50px; border: 4px solid rgba(255, 255, 255, 0.2); border-top-color: #fff; border-radius: 50%; margin: 20px auto; animation: spin 1s linear infinite; } @keyframes spin { to { transform: rotate(360deg); } } .refresh-btn { background: rgba(255, 255, 255, 0.25); color: #fff; border: none; padding: 12px 30px; border-radius: 30px; font-size: 1em; cursor: pointer; margin-top: 20px; transition: all 0.3s ease; backdrop-filter: blur(4px); font-weight: 500; } .refresh-btn:hover { background: rgba(255, 255, 255, 0.35); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } @media (max-width: 480px) { .container { padding: 25px; } h1 { font-size: 1.8em; } p { font-size: 1em; } } </style> </head> <body> <div class="container"> <div class="loader"></div> <h1>网站正在维护中</h1> <p>我们正在进行系统升级和维护,以确保为您提供更好的服务体验。</p> <p class="time">预计恢复时间:2025年5月5日</p> <p>地址没变,谢谢!</p> <p>感谢您的耐心等待!</p> <button class="refresh-btn" onclick="location.reload()">刷新页面</button> </div> </body> </html> -
为网站底部设置音乐播放器 今天教大家如何在网站底部设置音乐播放器,仅需要几行代码即可实现。下面开始教学 效果图 图片 网易云歌单 <!-- require APlayer --> <link rel="stylesheet" href="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/aplayer/1.10.1/APlayer.min.css"> <script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/aplayer/1.10.1/APlayer.min.js"></script> <!-- require MetingJS --> <script src="https://cdn1.tianli0.top/npm/meting@2.0.1/dist/Meting.min.js"></script> <!-- 配置你的 背景音乐信息 --> <meting-js server="netease" type="playlist" id="5337368124" autoplay="true" preload="auto" fixed ="true" listFolded="true" order="random" > </meting-js>只需修改歌单的id即可