一款简约的跳转页源码html
<!DOCTYPE html>
<html>
<title>幻影's Blog - 已启用新域名</title>
<meta name="keywords" content="幻影Blog|幻影博客|小影侠|QQ技术|网站资源|刷钻|小刀资源网|王凯|幻影|软件|技术|www.52hyjs.com|www.hywltd.cn|代挂|代理|" />
<meta name="description" content="幻影博客(blog.52hyjs.com.)是一家乐享资源记忆点滴的博客,主要分享程序源码,站长工具,网络技术,免费空间,模板插件,网赚项目,各类资源,各类教程,QQ资源,手机应用,致力创造一个高质量分享平台." />
<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://blog.52hyjs.com" style="color:#4AB0F7;font-size:28px">http://blog.52hyjs.com</a>
</p>
<br>
<p>花个1分钟创建属于您的个人帐号</p>
<p>即可在本博客发布文章</p>
<br>
<p>博客每天都会更新<br>我的动力来自你们的支持</p>
</div>
<a id="js-alert-btn" class="alert-btn" href="javascript:top.location.href='http://blog.52hyjs.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 = 'http://blog.52hyjs.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>
<!--统计代码等等乱七八糟的东西-->
<div style="display:none">
<iframe src="http://tool.lusongsong.com/seo/data.php?p=1&dn=blog.lisec.cc">
</iframe>
<iframe src="http://tool.lusongsong.com/seo/data.php?p=1&dn=www.sheyuns.com">
</iframe>
<iframe src="http://tool.lusongsong.com/seo/data.php?p=1&dn=www.soomima.com">
</iframe>
<iframe src="http://tool.lusongsong.com/seo/data.php?p=1&dn=www.yixielou.com">
</iframe>本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
腾讯云开发者
