酷炫很好看的广告跳转页面html源码-爱资源分享网

新建php文件，名称可改成自己喜欢的。然后参考调用：你的域名/ad.php?url=广告链接
<?php
?>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <title>广告加载中，请稍后...</title>
        <style>
        body{width:100%;height:100vh}
        .main{position:relative;width:100%;height:100%;background:#000;display:flex;justify-content:center;align-items:center;background: #fff url(/application/images/bg.png) no-repeat center;
            height: 100%;
            position: relative;
            overflow: hidden;
            background-size: cover;}
        .circle{display:flex;justify-content:center;align-items:center;width:200px;height:200px;background-image:linear-gradient(0deg,#2f66ff,#9940ff 30%,#ee37ff 60%,#ff004c 100%);border-radius:50%;animation:rotate 1s linear infinite}
        .circle::before{content:"";position:absolute;width:200px;height:200px;background-image:linear-gradient(0deg,#2f66ff,#9940ff 30%,#ee37ff 60%,#ff004c 100%);border-radius:50%;filter:blur(35px)}
        .circle::after{content:"";position:absolute;width:150px;height:150px;border-radius:50%}
        h1{position:absolute;color:#fff;font-weight:700}
        .title{color:#000;position:absolute;top:10%;text-shadow:0 0 30px #fff;text-align:center;font-size:2rem;font-weight:700}
        .text{color:#000;position:absolute;bottom:10%;text-shadow:0 0 30px #fff;font-weight:700;text-align:center}
        @keyframes rotate{0%{transform:rotate(0)}
            100%{transform:rotate(360deg)}
        }
        @media screen and (max-device-width: 800px) {

        }
    </style>
    </head>
    <body >
        <div class="main">
            <div class="circle"></div>
            <h1 id="second">3s</h1>
            <p class="title">广告加载中，请稍后...</p>
            <p class="text">Q云资源网提醒您：网络有风险，交易需谨慎！如遇欺诈或纠纷，请及时联系站长进行反馈！</p>
        </div>
    </body>
    <script>
        function cs(){
            var query = window.location.search.substring(1);
                   var vars = query.split("&");
                   for (var i=0;i<vars.length;i++) {
                           var pair = vars[i].split("=");
                           if(pair[0] == "url"){
                               return pair[1];
                            }
                   }
            return("/");//无指定跳转地址，将跳转此网页地址。
        }
        function time(){
            var sec = document.getElementById("second");
             var i = 3;//设置定时时间
             var timer = setInterval(function(){
             i--;
             sec.innerHTML = i+"s";
             if(i==1){
              window.location.href = cs();
             }
             },1000);

             function goBack(){ 
             window.history.go(-1);
             } 
        }
    </script>
</html>