请选择 进入手机版 | 继续访问电脑版

爱Q粉丝网

搜索
查看: 94|回复: 0
收起左侧

[其他源码] 一款简约跳转代码带提示页面美化版

[复制链接]

219

主题

224

帖子

863

积分

管理员

Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

积分
863

灌水之王优秀版主荣誉管理论坛元老

发表于 2020-7-31 01:56:24 | 显示全部楼层 |阅读模式
  1. <!doctype html>
  2. <html>
  3. <head>
  4.         <meta charset="UTF-8">
  5.         <title>跳转提示www.iqfsw.com</title>
  6. <style type="text/css">
  7.         .home_row {margin-top: -16px;}
  8.         .home_row_0 {margin-top: -32px;}
  9.         .home_row_0 .wrapper,.home_row_0 .wrapper .box {width: 100%!important;box-shadow: none;}
  10.         .box{box-shadow: none;}
  11.         .waves-box {position:relative;text-align:center;background:linear-gradient(60deg,#05f 0%,#0bf 100%);color:white;}
  12.         .waves-inner {height:360px;width:100%;margin:0;padding-top:115px;}
  13.         .waves-inner h2{font-size: 2em;font-weight: bold;letter-spacing: 2px;}
  14.         .waves-inner p{padding: 10px;margin-bottom: 30px;}
  15.         .waves-inner a{padding: 10px 28px;font-size: 1.2em;background: #fff;color: #09f;font-weight: bold;border-radius: 50px;}
  16.         .waves-inner a:hover{box-shadow: 0 5px 10px #05f;}
  17.         .waves {position:relative;width:100%;height:15vh;margin-bottom:-7px;min-height:100px;max-height:150px;}
  18.         .parallax > use {animation:move-forever 25s cubic-bezier(.55,.5,.45,.5)infinite;}
  19.         .parallax > use:nth-child(1) {animation-delay:-2s;animation-duration:7s;}
  20.         .parallax > use:nth-child(2) {animation-delay:-3s;animation-duration:10s;}
  21.         .parallax > use:nth-child(3) {animation-delay:-4s;animation-duration:13s;}
  22.         .parallax > use:nth-child(4) {animation-delay:-5s;animation-duration:20s;}
  23.         @keyframes move-forever {0% {transform:translate3d(-90px,0,0);}
  24.         100% {transform:translate3d(85px,0,0);}
  25.         }
  26.         @media (max-width:768px) {
  27.         .waves {height:40px;min-height:40px;}
  28.         .waves-inner {padding-top:50px;}
  29.         .mg-b {margin-bottom: 0;}
  30.         .home_row{padding: 0px!important;}
  31.         }
  32.         .waves-inner a{
  33.                 text-decoration: none;
  34.                 margin: 0 1em;
  35.         }
  36.         .home_row_0 .wrapper, .home_row_0 .wrapper .box {
  37.                 width: 100%!important;
  38.                 box-shadow: none;
  39.         }

  40. </style>
  41. </head>
  42. <body>
  43.         <div class="waves-box">
  44.                 <div class="waves-inner">
  45.                         <h2>您将在<span id="seconds">3</span>秒后进入对方网站</h2>
  46.                         <p>该网站不属于爱Q粉丝网,我们无法确认该网页是否安全,它可能包含未知的安全隐患。</p>
  47.                         <a id="UrlId" href="">无需等待,点击进入</a>
  48.                         <a href="/">返回主页</a>
  49.                 </div>
  50.                 <div>
  51.                         <svg class="waves" xmlns="http://www.iqfsw.com" xmlns:xlink="http://www.djfsw.com" viewbox="0 24 150 28" preserveaspectratio="none" shape-rendering="auto"><defs><path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z"></path></defs><g class="parallax"><use xlink:href="#gentle-wave" x="48" y="0" fill="rgba(255,255,255,0.7"></use><use xlink:href="#gentle-wave" x="48" y="3" fill="rgba(255,255,255,0.5)"></use><use xlink:href="#gentle-wave" x="48" y="5" fill="rgba(255,255,255,0.3)"></use><use xlink:href="#gentle-wave" x="48" y="7" fill="#fff"></use></g></svg>
  52.                 </div>
  53.         </div>
  54. </body>
  55. </html>
复制代码


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表