域名销售页

<meta charset="UTF-8"> <style> body{display:flex;justify-content:center;align-items:center;margin:0;background:url('1.jpg') fixed 0% 20% / cover;background-color:#000;}.card{display:flex;flex-direction:column;align-items:center;width:100%;max-width:16rem;padding:2rem;background:rgb(255 255 255 / 39%);border-radius:2rem;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}.card2{display:flex;width:100%;gap:10px;}h7{margin-top:6px;text-align:center;}input{width:100%;height:2.5rem;padding:.6rem;margin-bottom:.6rem;border:0;border-radius:.6rem;outline:none;background:#fff6;caret-color:#000;}input:hover{border:1px solid #5ff175;}input:focus{border:1px solid #fff;}.input::placeholder{color:#000;}.button{width:100%;padding:.3rem;border:1px solid transparent;border-radius:1rem;color:#000;background:linear-gradient(270deg, rgba(255, 255, 255, .2) 20%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .2) 80%);background-size:200% 100%;animation:background-animation 1.2s cubic-bezier(0.55, 0, 0.35, 1) infinite alternate;}.button:hover{border-color:#fff;opacity:.6;}@media (max-width:1024px){.card{max-width:52rem;font-size:66;}input{height:12rem !important;font-size:66;}.button{height:7rem;font-size:52;}}@keyframes background-animation{0%{background-position:0 0;}100%{background-position:100% 0;}}</style> <div class="card"> <h7>域名出售</h7><br> <input class="input" id="money" placeholder="预期价" maxlength="6" oninput="this.value=this.value.replace(/[^0-9¥$]/g,'')"> <input class="input" id="email" placeholder="你的电子邮件" maxlength="25"> <div class="card2"> <button class="button" onclick="a()">提交表格</button> <button class="button" onclick="b()">查阅表单</button> </div> </div> <script> let P = "哈希密码", f = s => crypto.subtle.digest("SHA-256", new TextEncoder().encode(s)) .then(b => Array.from(new Uint8Array(b), x => x.toString(16).padStart(2, '0')).join(''));function a(){let m = document.getElementById('money').value.trim(), e = document.getElementById('email').value.trim();if (!/^\d{1,5}(¥|\$)$/.test(m)) return alert("请添加货币符号¥，$。");if (!/^[\w.-]+@[\w.-]+\.\w+$/.test(e)) return alert("邮箱格式错误");let x = new XMLHttpRequest();x.open("POST", "data.php", true);x.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");x.send(`price=${encodeURIComponent(m)}&email=${encodeURIComponent(e)}`);x.onload = () => x.status == 200 ? alert(x.responseText):alert("提交失败");}async function b(){const s = prompt("请输入密码");if (!s) return;if (await f(s) !== P) return alert("密码错误");let x = new XMLHttpRequest();x.open("GET", `data.php?password=${encodeURIComponent(s)}`, true);x.send();x.onload = () => x.status == 200 ? alert(x.responseText || "暂无记录"):alert("无法获取数据");}</script>

data.php

<?php $P="哈希密码";$f="data.txt";if($_SERVER['REQUEST_METHOD']=='POST'&&isset($_POST['price'],$_POST['email'])){$p=$_POST['price'];$e=$_POST['email'];$t=date("Y-m-d H:i:s");$d=file_exists($f)?file_get_contents($f):"";if(strpos($d,$e)!==false){echo"邮箱重复";exit;}file_put_contents($f,"价格:$p | 邮箱:$e | 提交时间:$t\n",FILE_APPEND);echo"提交成功";exit;}if($_SERVER['REQUEST_METHOD']=='GET'&&isset($_GET['password'])){if(hash('sha256',$_GET['password'])!=$P){echo"密码错误";exit;}echo file_exists($f)?strip_tags(nl2br(rtrim(file_get_contents($f),"\n"))):"暂无记录";exit;}?>

Download

显卡录制快捷键
NVIDIA GeForce Experience N卡 Alt F9
AMD Radeon Software A卡 Ctrl ⇧ R
Intel Graphics Command Center 英特尔显卡 Ctrl Alt F5
win11快捷键
PrtSc⌘⇧S截录⌘Alt R录屏
⌘i设置 ⌘D显示/隐藏桌面 ⌘X系统菜单 Ctrl⇧Esc任务管理器Ctrl Alt Del卡死
vscode快速删除注释⌥⌘r
单行//.*多行/\*(.|\r\n|\n)*?\*/全删/\*(.|\r\n|\n)*?\*/|\/\/.*html<!--([\s\S|\r]*?)-->

<style> body{margin:0;display:flex;justify-content:center;align-items:center;background:url('') fixed 0% 0% / cover;}.card{display:flex;flex-direction:column;align-items:center;width:100%;max-width:16rem;padding:1.6rem;background:rgb(255 255 255 / 39%);border-radius:1.6rem;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}.input{padding:.6rem;width:100%;height:2.5rem;margin-bottom:1.23rem;border-radius:.6rem;background:#fff0;border:0;outline:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}input:focus{border:1px solid #fff;}.input-container{position:relative;width:100%;}.eye{position:absolute;top:23%;right:5%;width:6%;cursor:pointer;}.button{width:100%;padding:.3rem;border-radius:1rem;background:linear-gradient(270deg, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.2) 80%);background-size:200% 100%;border:1px solid transparent;animation:background-animation 1.2s cubic-bezier(0.55, 0, 0.35, 1) infinite alternate;}.button:hover{opacity:0.6;border-color:#fff;}@keyframes background-animation{0%{background-position:0 0}100%{background-position:100% 0}}</style> <div class="card"> <img src="" style="/*border-radius:2rem;*/width:66px;"><br> <input class="input" placeholder="用户名"> <div class="input-container"> <input class="input" type="password" id="password" placeholder="填写密码"> <svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="eye" id="eye"> <path d="M3.98 8.223A10.477 10.477 0 0 0 1.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.451 10.451 0 0 1 12 4.5c4.756 0 8.773 3.162 10.065 7.498a10.522 10.522 0 0 1-4.293 5.774M6.228 6.228 3 3m3.228 3.228 3.65 3.65m7.894 7.894L21 21m-3.228-3.228-3.65-3.65m0 0a3 3 0 1 0-4.243-4.243m4.242 4.242L9.88 9.88" /> </svg> <svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="eye" id="eye2" style="display:none;"> <path d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z" /> <path d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" /> </svg> </div> <button class="button" style="display:flex;align-items:center;justify-content:center;font-size:1rem;">登录 <svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6" style="width:16px;margin-left:6px;"> <path stroke-linecap="round" stroke-linejoin="round" d="M6 12 3.269 3.125A59.769 59.769 0 0 1 21.485 12 59.768 59.768 0 0 1 3.27 20.875L5.999 12Zm0 0h7.5" /> </svg> </button> </div> <script> const passwordField = document.getElementById('password');const eyeOffIcon = document.getElementById('eye');const eyeOnIcon = document.getElementById('eye2');eyeOnIcon.addEventListener('click', () =>{passwordField.type = 'password';eyeOnIcon.style.display = 'none';eyeOffIcon.style.display = 'block';});eyeOffIcon.addEventListener('click', () =>{passwordField.type = 'text';eyeOffIcon.style.display = 'none';eyeOnIcon.style.display = 'block';});</script>

Download

/*a{text-decoration:none;}*/<cd class="menu-container"> <a href="#" class="menu-trigger">meow</a> <div class="submenu"> <ul> <li> <a href="#" class="submenu-item submenu-trigger" id="option-1">meow 1</a> <div class="submenu-2" id="submenu-2"> <ul> <li><a href="#">meow 1</a></li> <li><a href="#">meow 2</a></li> </ul> </div> <a href="#" class="submenu-item">meow 1</a> <a href="#" class="submenu-item">meow 2</a> <a href="#" class="submenu-item">meow 3</a> </li> </ul> </div> </cd> <style> body{background:url('');}.submenu, .submenu-2{display:none;position:absolute;background:#fff6;border:1px solid #fff;width:166px;z-index:1234;border-radius:15px;}.submenu-2{top:-1px;left:100%;}.submenu ul{list-style:none;padding:0;margin:0;}.submenu ul li a{display:block;padding:10px;text-decoration:none;color:#000;border-radius:15px;}.menu-container:hover .submenu, .submenu ul li:hover>.submenu-2{display:block;}.menu-trigger:hover, .submenu-item:hover, .submenu-2 a:hover{background-color:#ffffff66;}</style> <script> const option1 = document.getElementById("option-1");const submenu2 = document.getElementById("submenu-2");const menuContainer = document.querySelector(".menu-container");option1.addEventListener("mouseover", () => submenu2.style.display = "block");menuContainer.addEventListener("mouseleave", () => submenu2.style.display = "none");option1.addEventListener("mouseout", (e) =>{if (!submenu2.contains(e.relatedTarget)) submenu2.style.display = "none";});submenu2.addEventListener("mouseover", () => submenu2.style.display = "block");submenu2.addEventListener("mouseout", (e) =>{if (!submenu2.contains(e.relatedTarget)) submenu2.style.display = "none";});option1.addEventListener("click", (e) =>{e.preventDefault();submenu2.style.display = submenu2.style.display === "block" ? "none":"block";});</script>

Download