码迷,mamicode.com
首页 > 其他好文 > 详细

个性化404页面设计

时间:2014-07-26 00:02:36      阅读:428      评论:0      收藏:0      [点我收藏+]

标签:style   java   color   os   io   width   for   re   

bubuko.com,布布扣

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>404</title>
<style type="text/css">
    *{padding:0px; marigin:0px;font-size:14px; font-family:"微软雅黑"}
    .page404{width:805px; height:204px;background:url(image/bg.png) no-repeat; margin:100px auto;}
    .page404 .error{position: absolute;margin: 40px 0px 0px 480px;z-index: 1;}
    .page404 .error span{color:#F00}
</style>
</head>

<body>
<div class="page404">
    <div class="error">
        <h2>抱歉,404请求您的网站页面打不开!</h2>
        <p>您可以再试下次打开次网页</p>
        <p>您将于<span id="time">10</span>秒后转入网站首页,请稍后..</p>
   </div>
</div>
<script type="text/javascript">
<!--页面首页地址-->
var url;
var second=10;
function setErrorTime(){
    
    for(var i=second;i>=0;i--){
        <!--调用setTimeout函数,1,2,3,4..10秒调用一次-->
        window.setTimeout(‘update(‘+i+‘)‘,(second-i)*1000);
    }
}

function update(number){
    document.getElementById("time").innerHTML=number;
    if(number==0){
        <!--如果用户在10钟没有离开次页面,则10秒后跳转到首页-->
        window.location(url);
    }
}
<!--调用方法-->
setErrorTime();
</script>
</body>
</html>

个性化404页面设计,布布扣,bubuko.com

个性化404页面设计

标签:style   java   color   os   io   width   for   re   

原文地址:http://www.cnblogs.com/xpng/p/3868175.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!