js代码_js特效免费下载_JS特效代码网   网页特效   鼠标特效   js图片相册   js特效代码大全
当前位置:js代码_js特效免费下载_JS特效代码网 > 网页特效 > JS常用代码 > 窗口特效

倒计时404页面自动跳转代码

发布时间:2015-09-08 23:47:56    您是第0位浏览者

本js特效代码兼容:ie6 、ie7 、ie8 、ie9 、ie10 、ie11 、chrome 、firefox 、opera 、safari 、 等浏览器

倒计时404页面自动跳转代码
<!doctype html>    
<html>    
	<head>    
		<meta charset="utf-8">    
		<title>倒计时404页面自动跳转代码</title>    
		<meta name="keywords" content="js代码,404页面" />    
		<style>    
			*{margin:0;padding:0;outline:none;font-family:\5FAE\8F6F\96C5\9ED1,宋体;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;cursor:default;font-weight:lighter;}    
			.center{margin:0 auto;}    
			.whole{width:100%;height:100%;line-height:100%;position:fixed;bottom:0;left:0;z-index:-1000;overflow:hidden;}    
			.whole img{width:100%;height:100%;}    
			.mask{width:100%;height:100%;position:absolute;top:0;left:0;background:#000;opacity:0.6;filter:alpha(opacity=60);}    
			.b{width:100%;text-align:center;height:400px;position:absolute;top:50%;margin-top:-230px}.a{width:150px;height:50px;margin-top:30px}.a a{display:block;float:left;width:150px;height:50px;background:#fff;text-align:center;line-height:50px;font-size:18px;border-radius:25px;color:#333}.a a:hover{color:#000;box-shadow:#fff 0 0 20px}    
			p{color:#fff;margin-top:40px;font-size:24px;}    
			#num{margin:0 5px;font-weight:bold;}    
		</style>    
		<script type="text/javascript">    
			var num=6;    
			function redirect(){    
				num--;    
				document.getElementById("num").innerHTML=num;    
				if(num<0){    
					document.getElementById("num").innerHTML=0;    
					location.href="http://www.jstxdm.com";    
				}    
			}    
			setInterval("redirect()", 1000);    
		</script>    
	</head>    
	<body onLoad="redirect();">    
		<div class="whole">    
			<img src="images/back.jpg" />    
		<div class="mask"></div>    
		</div>    
		<div class="b">    
			<img src="images/404.png" class="center"/>    
			<p>    
				暂时未能找到您查找的页面<br>    
				可能输入的网址错误或此页面不存在<br>    
	<span id="num"></span>秒后自动跳转到主页    
			</p>    
		</div>    
	</body>    
</html>



404页面

简洁的404页面错误提示代码

倒计时404页面自动跳转代码

友荐云推荐
大家说 此评论不代表本站观点