网站提示错误页面，几秒后返回首页 -- [页面特效]─ 深山工作室提供网络投票系统|微信公众号投票|微信公众号小程序|抖音小程序|百度小程序|微信公众号开发|企业网站建设

网站提示错误页面，几秒后返回首页

深山行者个人网站 2009/4/25 10:34:09 深山行者字体:大中小浏览 10917

以下为详细代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>网站提示错误页面，几秒后返回首页</TITLE>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<STYLE type=text/css>.wrapper {
	MARGIN: 0px auto; WIDTH: 930px
}
HTML {
	BACKGROUND: #fff; COLOR: #000
}
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DIV {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H4 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H5 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H6 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
TABLE {
	BORDER-COLLAPSE: collapse; border-spacing: 0
}
IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
ADDRESS {
	
}
EM {
	
}
STRONG {
	
}
LI {
	LIST-STYLE-TYPE: none
}
CAPTION {
	TEXT-ALIGN: left
}
TH {
	TEXT-ALIGN: left
}
H2 {
	FONT-WEIGHT: normal; FONT-SIZE: 100%
}
H3 {
	FONT-WEIGHT: normal; FONT-SIZE: 100%
}
H4 {
	FONT-WEIGHT: normal; FONT-SIZE: 100%
}
H5 {
	FONT-WEIGHT: normal; FONT-SIZE: 100%
}
H6 {
	FONT-WEIGHT: normal; FONT-SIZE: 100%
}
BODY {
	FONT: small Arial,"宋体",Verdana,Geneva,Helvetica,sans-serif; TEXT-ALIGN: center
}
.wrapper {
	MARGIN: 0px auto; WIDTH: 930px; TEXT-ALIGN: left
}
.header {
	MARGIN-TOP: 15px; POSITION: relative
}
.header A {
	FONT-SIZE: 12px; RIGHT: 10px; POSITION: absolute; TOP: 15px
}
.content {
	BORDER-RIGHT: #a2d2f0 1px solid; BORDER-TOP: #a2d2f0 1px solid; MARGIN: 10px 0px; BORDER-LEFT: #a2d2f0 1px solid; PADDING-TOP: 20px; BORDER-BOTTOM: #a2d2f0 1px solid
}
.content P {
	FONT-SIZE: 14px; MARGIN-LEFT: 230px
}
.content H1 {
	FONT-SIZE: 14px; MARGIN-LEFT: 230px
}
.tips {
	MARGIN-TOP: 30px; LINE-HEIGHT: 10px
}
.btn {
	MARGIN: 65px 0px
}
.btn INPUT {
	WIDTH: 100px; LINE-HEIGHT: 24px; MARGIN-RIGHT: 5px; HEIGHT: 26px
}
#cute-down {
	MARGIN: 0px 3px; COLOR: red
}
#join-now {
	FONT-WEIGHT: bold
}
.footer {
	FONT-SIZE: 12px; COLOR: #666666; TEXT-ALIGN: center
}
</STYLE>

</HEAD>
<BODY>

<DIV class=wrapper>
  <DIV class=content>
<P>亲爱的深山帮帮的弟兄们：</P>
<H1>在这个阳光的一天里，深山帮帮与您共创新的奇迹。</H1>
<P>敬请光临！</P>
<DIV class=tips>
<P>该页面将于<STRONG id=cute-down>15</STRONG>秒后自动返回深山帮帮主页。</P>
</DIV>
<P class=btn><INPUT id=join-now type=button value=立刻参加> <INPUT onClick="window.opener=null;window.open('','_self');window.close();" type=button value=稍后再来> 
</P></DIV>
</DIV>
<SCRIPT type=text/javascript>
document.getElementById("join-now").onclick = function (){
	document.location.href = 'http://www.qwbm.com';
}
function run(){
	var cd = document.getElementById("cute-down");
	if(cd.innerHTML == 0){
	   window.location.href='http://www.qwbm.com';
	   return false;
	}
	cd.innerHTML = cd.innerHTML * 1 - 1;
}
window.setInterval("run();", 1000);
</SCRIPT>
</BODY></HTML>

前一页:取得鼠标所在位置的对象

后一页:移动层，并且保存各个层的位置，可以方便的制作成为一个动态的页面