搜索到
88
篇与
的结果
-
-
-
随机小姐姐图 每5秒刷新一次【源码】 {alert type="info"}演示地址： http://web.qingliushe.xyz/meinv/ http://web.qingliushe.xyz/meinv/{/alert}<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>随机美女图片</title> <style type="text/css"> .bg { width: 100%; height: 100%; position: fixed; z-index: -1; background-position: center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; animation: bg 10s infinite; } #bg1 { background-image: url('https://cdn.seovx.com/?mom=302&1'); } #bg2 { animation-delay: 5s; /* bg2延迟5秒开始。同时bg2一开始无图片，使bg1淡入时背景为白色而不是另一张图片 */ } @keyframes bg{ 0%{transform: scale(1.5, 1.5);opacity: 0;} 20%{opacity: 1;} /* 0~2s 载入 */ 30%{transform: scale(1, 1);} /* 0~3s图片缩放 */ 50%{opacity: 1;} /* 5~7s 淡出 */ 70%{opacity: 0;} /* 7~10s 图片隐藏。另一个背景在本背景淡出同时载入 */ 100%{opacity: 0;} } </style> </head> <body> <div id="bg2" class="bg"></div> <div id="bg1" class="bg"></div> </body> <script type="text/javascript"> countImg = 1; countTime = 0; bg1Container = document.getElementById("bg1"); bg2Container = document.getElementById("bg2"); setInterval(function(){ // 一个轮回为10秒（2个图片，第1张0-5s，第2张5-10s），每个背景在淡出后（第7秒）更新图片 countTime += 1; if(countTime % 10 == 7){ countImg += 1; bg1Container.style = `background-image: url(https://cdn.seovx.com/?mom=302&${countImg})`; }else if((countTime + 5) % 10 == 7){ // 第2张图片默认无图片，比第一张延迟5s开始动画，+5保证了在第2秒开始加载图片 countImg += 1; bg2Container.style = `background-image: url(https://cdn.seovx.com/?mom=302&${countImg})`; } }, 1000); </script> </html>
-
随机小姐姐404页面 {callout color="#f0ad4e"}替换放在网站根目录404.html文件{/callout}<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>404 - 该页面不存在</title> <style>body{margin:0;padding:0;} a, button.submit { color:#6E7173; text-decoration:none; -webkit-transition:all .1s ease-in; -moz-transition:all .1s ease-in; -o-transition:all .1s ease-in; transition:all .1s ease-in; } a:hover, a:active { color:#6E7173; } .body-about{ background:#fff; } .site-name404 { margin: 0 auto; text-align: center; letter-spacing: 2px; font: normal 150px/1 “Helvetica Neue”, Helvetica, Arial; color:#444; } .site-name404 h1{ margin: 0 0 10px; font-size:50px; line-height:1.2; } .title404 span{ font-size: 15px; width: 2px; } .site-name404 i { font-style: normal; } .title404 p{ font-size: 20px; line-height:1.5; margin:0; color:#444; } .m404{ position: absolute; top: 30%; text-align: center; width: 100%; margin-top: -160px; } .body-about .info404{ margin-top: -180px; } #footer404{ margin-top:30px; font-size:10px; } .index404 { margin-top: 24px; display: inline-block; white-space: nowrap; cursor: pointer; background: #444; letter-spacing: 1px; font-size: 14px; -moz-user-select: -moz-none; -webkit-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; text-shadow: none; border: 1px solid #ccc; line-height: 36px; text-align: center; height: 36px; padding: 0 25px; border-radius: 16px; -webkit-transition-duration: 400ms; transition-duration: 400ms; background-color: #fff; color: #999; } .index404:hover{ color: #F77B83; border-color: #F77B83; outline-style: none; } .icon-about{ padding: 10px 0 25px; } .icon-about a{ font-size: 20px; margin: 5px; color: #fff; background-color: #000; border-radius: 100%; padding: 6px; }</style> </head> <body> <div class="m404"> <header id="header404" class="clearfix"> <div class="site-name404"> <i>404</i> </div> </header> <section> <div class="title404"> <p>可 能 我 们 真 的 走 错 了 ！</p> <br> <div class="widget widget_ui_textads"> <a class="style01" href="https://cdn.seovx.com"> <img src="https://cdn.seovx.com/?mom=302" width="30%" alt="小姐姐" style="border-radius:20px;"></a> </div> <div id="xiaowai"> <script>xiaowai()</script></div> </div> <a href="/" class="index404">点击返回</a> <a href="javascript:location.reload();" class="index404">点击刷新</a> <p> </p> Copyright © 2022 <a href=https://zbmu.top/>沐邺清风</a></section></div> </body> </html>
-
