找到
4
篇与
PHP源码
相关的结果
-
故障风格404页面 效果演示 1图片 完整代码 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>系统故障 - 404</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { background: #0a0a0a; font-family: 'Courier New', monospace; height: 100vh; overflow: hidden; display: flex; align-items: center; justify-content: center; color: #00ff41; cursor: crosshair; } .matrix-bg { position: absolute; width: 100%; height: 100%; opacity: 0.1; background: repeating-linear-gradient( 0deg, transparent, transparent 2px, #00ff41 2px, #00ff41 4px ); animation: scan 8s linear infinite; } @keyframes scan { 0% { transform: translateY(-100%); } 100% { transform: translateY(100%); } } .container { text-align: center; position: relative; z-index: 10; } .error-code { font-size: 120px; font-weight: bold; position: relative; display: inline-block; color: #fff; letter-spacing: 10px; animation: flicker 0.5s infinite alternate; } .error-code::before, .error-code::after { content: "404"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; overflow: hidden; } .error-code::before { left: 2px; text-shadow: -2px 0 #ff00c8; animation: glitch-1 0.3s infinite ease-in-out alternate-reverse; clip: rect(44px, 450px, 56px, 0); } .error-code::after { left: -2px; text-shadow: -2px 0 #00ffff, 2px 2px #ff00c8; animation: glitch-2 0.3s infinite ease-in-out alternate-reverse; clip: rect(44px, 450px, 56px, 0); } @keyframes glitch-1 { 0% { clip: rect(31px, 9999px, 94px, 0); } 20% { clip: rect(112px, 9999px, 76px, 0); } 40% { clip: rect(85px, 9999px, 77px, 0); } 60% { clip: rect(62px, 9999px, 34px, 0); } 80% { clip: rect(97px, 9999px, 89px, 0); } 100% { clip: rect(53px, 9999px, 47px, 0); } } @keyframes glitch-2 { 0% { clip: rect(65px, 9999px, 119px, 0); } 20% { clip: rect(52px, 9999px, 74px, 0); } 40% { clip: rect(4px, 9999px, 78px, 0); } 60% { clip: rect(100px, 9999px, 19px, 0); } 80% { clip: rect(22px, 9999px, 98px, 0); } 100% { clip: rect(89px, 9999px, 113px, 0); } } @keyframes flicker { 0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% { text-shadow: 0 0 5px #00ff41, 0 0 10px #00ff41, 0 0 20px #00ff41; } 20%, 22%, 24%, 55% { text-shadow: none; } } .error-message { font-size: 18px; color: #ff0040; margin: 20px 0; animation: pulse 2s infinite; text-transform: uppercase; letter-spacing: 3px; } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } } .home-button { display: inline-block; padding: 15px 30px; margin-top: 30px; border: 2px solid #00ff41; background: transparent; color: #00ff41; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; position: relative; overflow: hidden; transition: all 0.3s; font-family: 'Courier New', monospace; } .home-button:hover { color: #0a0a0a; box-shadow: 0 0 20px #00ff41; } .home-button::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: #00ff41; transition: left 0.3s; z-index: -1; } .home-button:hover::before { left: 0; } .noise { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle, transparent 20%, rgba(255,255,255,0.03) 20.1%, transparent 21%), radial-gradient(circle, transparent 40%, rgba(255,255,255,0.03) 40.1%, transparent 41%); animation: noise 0.5s steps(10) infinite; pointer-events: none; } @keyframes noise { 0%, 100% { transform: translate(0); } 10% { transform: translate(-2px, -2px); } 20% { transform: translate(2px, 2px); } 30% { transform: translate(-2px, 2px); } 40% { transform: translate(2px, -2px); } 50% { transform: translate(-2px, -2px); } 60% { transform: translate(2px, 2px); } 70% { transform: translate(-2px, 2px); } 80% { transform: translate(2px, -2px); } 90% { transform: translate(-2px, -2px); } } .system-info { position: absolute; bottom: 20px; left: 20px; font-size: 12px; color: #666; font-family: monospace; animation: typewriter 3s steps(30) 1; } @keyframes typewriter { from { width: 0; } to { width: 100%; } } @media (max-width: 768px) { .error-code { font-size: 80px; } .error-message { font-size: 14px; } } </style> </head> <body> <div class="matrix-bg"></div> <div class="noise"></div> <div class="container"> <h1 class="error-code">404</h1> <p class="error-message">系统故障 - 页面失踪</p> <p style="color: #666; margin-top: 10px;">检测到异常活动,启动安全协议</p> <a href="https://www.khkj6.com" class="home-button">返回安全区</a> </div> <script> // 随机故障效果 setInterval(() => { document.body.style.filter = `hue-rotate(${Math.random() * 360}deg)`; setTimeout(() => { document.body.style.filter = 'none'; }, 100); }, 3000); // 鼠标追踪效果 document.addEventListener('mousemove', (e) => { const x = e.clientX / window.innerWidth; const y = e.clientY / window.innerHeight; const glitch = document.querySelector('.error-code'); glitch.style.transform = `translate(${x * 4}px, ${y * 4}px)`; }); </script> </body> </html>
-
小猫咪抽奖系统PHP源码 基础介绍 一个可以用于抽奖的源码,用于公司年会,节日活动抽奖,支持自定义奖品中奖概率和奖品数量,支持设置单个账号抽奖次数,支持限制抽奖邮箱类型(如限制只能使用qq邮箱等),支持邮箱验证抽奖账户,支持自定义公告。 功能强大的抽奖系统源码,适用于公司年会、节日活动等场景 部署教程 这款抽奖系统源码功能丰富,可满足您在各种活动中的抽奖需求: 自定义奖品及概率: 您可以根据活动设置任意数量的奖品,并自由调整每个奖品的中奖概率,让奖品分配更合理。 灵活的抽奖次数限制: 您可以为每个账号设置不同的抽奖次数,有效控制活动成本。 邮箱类型限制: 您可以限制用户只能使用特定类型的邮箱(如QQ邮箱)进行抽奖,提高用户参与门槛。 安全可靠的邮箱验证: 系统支持邮箱验证,确保抽奖账户的真实性和安全性。 自定义公告: 您可以根据活动需要,随时发布公告,与用户进行互动。 安装教程: 上传源码: 将源码上传至您的服务器。 配置环境: 推荐使用 PHP 8.2 版本,其他版本请自行测试。 MySQL 版本建议不低于 5.6。 访问安装: 访问您的网站域名,按照提示完成安装。 登录后台: 默认后台地址:域名/admin.html 默认账号:admin 默认密码:123456 忘记密码?您可以通过修改数据库中的密码字段进行重置,密码采用 MD5 加密。 图1图片 图2图片 小猫咪抽奖系统PHP源码 下载地址:https://www.123684.com/s/YWw7Vv-Or38 提取码: 本文章转载于,尋鯨錄的Blog
-
SF授权系统网站源码5.0开源 基本介绍 SF多应用综合验证系统是一款基于 ThinkPHP V6.0.9 和 EasyWeb iframe开发的系统,帮助开发者快速为自己的项目增加授权验证。傻瓜式一键安装系统,轻松几步即可完成软件对接,为软件提供用户注册登陆、软件收费授权、软件更新、等一系列专业管理操作。运行环境要求PHP7.1+ 安装教程 宝塔添加站点 配置好信息(php版本要7.1以上,8.0以下) 运行目录选择public 伪静态设置为thinkphp,然后保存 上传源码解压 先点软件商店,在点击已安装,点击你授权站刚才添加时所选择的PHP版本并点击设置,点击安装扩>展,并安装fileinfo扩展 后台页面: 访问域名即可跳转至安装界面,根据步骤填写相关信息即可完成安装! 源码下载 隐藏内容,请前往内页查看详情 1000166871.png图片 1000166872.png图片 1000166873.png图片 1000166874.png图片 1000166875.png图片 1000166876.png图片