分享一篇html单页好用的跳转页

6个月前PHP144

微信截图_20220531164040.png

你可以在这里创建一个html后缀文件然后复制粘贴引用该代码即可使用,大多数人想要从这个网站跳转到另外一个网站可以用301直接跳转,但是其中不会有任何提示,这样就没法让游客知道核心目的。

我这边直接分享一则代码,可以帮助您直接跳转。用的不错记得留言哦。

下面也可以提供直接下载

在线演示页

index.html

下载压缩包

index.zip


----------------我是分割线------------------------------------------------------------------------


<!DOCTYPE html>

<html>

<title>已启用新域名 - </title>

<meta name=description content="https://chundm.com/">

<meta name=keywords content="樱花动https://chundm.com/">

<meta charset="UTF-8">

<!--[if IE 8]>

<style>.ie8 .alert-circle,.ie8 .alert-footer{display:none}.ie8 .alert-box{padding-top:75px}.ie8 .alert-sec-text{top:45px}</style>

<![endif]-->

<style>body{margin:0;padding:0;background:#E6EAEB;font-family:Arial,'微软雅黑','宋体',sans-serif}a{text-decoration: none}.alert-box{display:none;position:relative;margin:96px auto 0;padding:180px 85px 22px;border-radius:10px 10px 0 0;background:#FFF;box-shadow:5px 9px 17px rgba(102,102,102,0.75);width:286px;color:#FFF;text-align:center}.alert-box p{margin:0}.alert-circle{position:absolute;top:-50px;left:111px}.alert-sec-circle{stroke-dashoffset:0;stroke-dasharray:735;transition:stroke-dashoffset 1s linear}.alert-sec-text{position:absolute;top:11px;left:190px;width:76px;color:#000;font-size:68px}.alert-sec-unit{font-size:34px}.alert-body{margin:35px 0}.alert-head{color:#242424;font-size:28px}.alert-concent{margin:25px 0 14px;color:#7B7B7B;font-size:18px}.alert-concent p{line-height:27px}.alert-btn{display:block;border-radius:10px;background-color:#4AB0F7;height:55px;line-height:55px;width:286px;color:#FFF;font-size:20px;text-decoration:none;letter-spacing:2px}.alert-btn:hover{background-color:#6BC2FF}.alert-footer{margin:0 auto;height:42px;width:120px}.alert-footer-icon{float:left}.alert-footer-text{float:left;border-left:2px solid #EEE;padding:3px 0 0 5px;height:40px;color:#0B85CC;font-size:12px;text-align:left}.alert-footer-text p{color:#7A7A7A;font-size:22px;line-height:18px}</style>

</head>

<body class="ie8">

<div id="js-alert-box" class="alert-box">

<svg class="alert-circle" width="234" height="234">

<circle cx="117" cy="117" r="108" fill="#FFF" stroke="#43AEFA" stroke-width="17">

</circle>

<circle id="js-sec-circle" class="alert-sec-circle" cx="117" cy="117" r="108" fill="transparent" stroke="#F4F1F1" stroke-width="18" transform="rotate(-90 117 117)">

</circle>

<text class="alert-sec-unit" x="82" y="172" fill="#BDBDBD">Cool</text>

</svg>

<div id="js-sec-text" class="alert-sec-text">

</div>

网址<div class="alert-body">

<div id="js-alert-head" class="alert-head">

</div>

<div class="alert-concent">

<p>

<a href="http://chundm.com" style="color:#4AB0F7;font-size:28px">https://chundm.com</a>

</p>

<br>

<p>请截图或者复制收藏本网址</p>

<p>回家不迷路</p>

<br>

<p>本页面两天后关闭-记得保存新网址<br内置APP请勿下载</p>

</div>

<a id="js-alert-btn" class="alert-btn" href="javascript:top.location.href='https://chundm.com';">立即进入</a>

</div>


</div>

<script>function alertSet(e) {

document.getElementById("js-alert-box").style.display = "block",

document.getElementById("js-alert-head").innerHTML = e;

var t = 30,

n = document.getElementById("js-sec-circle");

document.getElementById("js-sec-text").innerHTML = t,

setInterval(function() {

if (0 == t) top.location.href = 'https://chundm.com';

else {

t -= 1,

document.getElementById("js-sec-text").innerHTML = t;

var e = Math.round(t / 30 * 735);

n.style.strokeDashoffset = e - 735

}

},

970);

}</script>

</body>


</html>

<script>alertSet('已启用新域名');</script>

<script type="text/javascript">function clickIE4() {

if (event.button == 2) {

return false

}

}

function clickNS4(e) {

if (document.layers || document.getElementById && !document.all) {

if (e.which == 2 || e.which == 3) {

return false

}

}

}

function OnDeny() {

if (event.ctrlKey || event.keyCode == 78 && event.ctrlKey || event.altKey || event.altKey && event.keyCode == 115) {

return false

}

}

if (document.layers) {

document.captureEvents(Event.MOUSEDOWN);

document.onmousedown = clickNS4;

document.onkeydown = OnDeny()

} else if (document.all && !document.getElementById) {

document.onmousedown = clickIE4;

document.onkeydown = OnDeny()

}

document.oncontextmenu = new Function("return false");</script>

<html/>

<p>

<a href="https://beian.miit.gov.cn" style="color:#4AB0F7;font-size:28px">备案</a>





发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。