新版网站更换自动域名跳转源码

新版网站更换自动域名跳转源码

界面非常好看,用作通知用户更换新域名了作用非常好。

<!DOCTYPE html>
<html>
	<title>已启用新域名 - 小高教学网www.xx8g.com</title>
	<meta name=description content="小高教学网www.xx8g.com">
	<meta name=keywords content="小高教学网www.xx8g.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://www.xx8g.com" style="color:#4AB0F7;font-size:28px">www.xx8g.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://www.xx8g.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://www.xx8g.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/>
版权声明:小高教学网 发表于 2022年3月13日 下午10:55。
转载请注明:新版网站更换自动域名跳转源码 | 小高导航

相关文章

暂无评论

暂无评论...