演示:wooyes.com
代码纯净的100多行,只有5K,不管多慢的网络速度都可以起飞。
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Domain for sale 此域名可以出售</title> <style> body, html { margin: 0; padding: 0; height: 100%; overflow: hidden; overflow: hidden; font-family: "Microsoft YaHei", sans-serif; color: #fff; } html a { color: #fff; font-weight: bold; text-decoration: none; } /* 视频背景样式 */ #video-background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; } /* 内容容器样式 */ .content-container { display: flex; height: 100vh; width: 100vw; justify-content: center; align-items: center; } /* 左侧固定内容样式 */ .left-content { width: 30%; padding: 20px; background-color: rgba(126, 126, 126, 0.5); box-sizing: border-box; height: 80%; } /* 右侧滚动内容样式 */ .right-content { width: 70%; height: 80%; padding: 20px; background-color: rgba(100, 100, 100, 0.5); overflow-y: auto; box-sizing: border-box; } /* 版权信息样式 */ .copyright { position: fixed; bottom: 0; width: 100%; text-align: center; background-color: rgba(0, 0, 0, 0.7); color: white; padding: 10px 0; } /* 手机版媒体查询 */ @media (max-width: 767px) { .content-container { flex-direction: column; } .left-content { width: 100%; height: auto; } .right-content { width: 100%; } } </style> </head> <body> <!-- 视频背景 --> <video autoplay muted loop id="video-background"> <source src="https://www.ximi.me/video/xd.php" type="video/mp4"> Your browser does not support the video tag. </video> <!-- 内容容器 --> <div class="content-container"> <!-- 左侧固定内容 --> <div class="left-content"> <h1>所 有 域 名 出 售</h1> <h2>[ Domain For Sale ]</h2> <p> All Domain For Sale<br> 所有域名出售中 ... <br> <p>QQ&微信 : 87602040</p> <p>TEL : +86.13396313005 </p> <p>Email : fugui@aliyun.com</p> </div> <!-- 右侧滚动内容 --> <div class="right-content"> <h2>Domain List</h2> <p> <a href="http://wooyes.com" target="_blank">1. [ WooYes.com ] </a> - WooYes! 午夜食 $500</p> <p> <a href="http://mf.gs" target="_blank">2. [ MF.GS ] </a> - 魔方.公司 魔法 免费 蜜蜂 $100</p> <p> <a href="http://max.ooo" target="_blank">3. [ Max.ooO ] </a> - Max 优质单词 $300</p> <p> <a href="http://artfax.com" target="_blank">4. [ ArtFax.com ] </a> - ArtFax 艺术传真 $800</p> <p> <a href="http://dnswiz.com" target="_blank">5. [ DnsWiz.com ] </a> - DnsWiz DNS精灵 $600</p> <p> <a href="http://zzz.fund" target="_blank">6. [ ZzZ.Fund ] </a> - 赞助者基金 $100</p> <p> <a href="http://girl.gs" target="_blank">7. [ Girl.GS ] </a> - Girl Games $800</p> <p> <a href="http://aigc.cx" target="_blank">8. [ AIGC.CX ] </a> - AIGC AI创新 $800</p> <p> <a href="https://www.363.hk/114114" target="_blank"> More ... </p> </div> </div> <!--Links --> <div class="copyright"> <a href="https://max.ooo" target="_blank">Max.ooO</a> | <a href="https://wooyes.com" target="_blank">WooYes.com</a> | <a href="https://artfax.com" target="_blank">Artfax.com</a> | <a href="https://not.sale" target="_blank">Not.Sale</a> | <a href="https://miuu.top/" target="_blank">MIUU</a> </div> </body> </html>