windows10蓝屏风格网站404html模板——墨涩网
404页面是客户端在浏览网页时，服务器无法正常提供信息，或是服务器无法回应，且不知道原因所返回的页面。据说在第三次科技革命之前，互联网的形态就是一个大型的中央数据库，这个数据库就设置在404房间里面。那时候所有的请求都是由人工手动完成的，如果在数据库中没有找到请求者所需要的文件，或者由于请求者写错了文件编号，用户就会得到一个返回信息：room 404 : file not found。404错误信息通常是在目标页面被更改或移除，或客户端输入页面地址错误后显示的页面，人们也就习惯了用404作为服务器未找到文件的错误代码了。今天分享的这个 404 页面是模仿的 Windows 的蓝屏界面，非常清爽。
预览地址
https://www.sunweihu.com/404.html
html源码
<!--**
* 仿 Windows 蓝屏 404 页面
* 墨涩网
**-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>404 - 页面未找到</title>
<style type="text/css">
body {
background-color: #0099CC;
color: #FFFFFF;
font-family: Microsoft Yahei, "Helvetica Neue", Helvetica, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
margin-left: 100px;
}
.face {
font-size: 100px;
}
p{
font-size: 24px;
padding: 8px;
line-height: 40px;
}
.tips {
font-size: 16px
}
/*针对小屏幕的优化*/
@media screen and (max-width: 600px) {
body{
margin: 0 10px;
}
p{
font-size: 18px;
line-height: 30px;
}
.tips {
display: inline-block;
padding-top: 10px;
font-size: 14px;
line-height: 20px;
}
}
</style>
</head>
<body>
<script>
var i = 5; //这里是倒计时的秒数
var intervalid;
intervalid = setInterval("cutdown()", 1000);
function cutdown() {
if (i == 0) {
window.location.href = "https://www.sunweihu.com/"; //倒计时完成后跳转的地址
clearInterval(intervalid);
}
document.getElementById("mes").innerHTML = i;
i--;
}
window.onload = cutdown;
</script>
<span class="face">:(</span>
<p>您访问的页面没有找到。<br>
<span id="mes"></span> 秒后转至我的个人博客，您可以在那里试着找找您所需要的信息。<br>
<p class="paddingbox">或者在倒计时结束前点击以下链接继续浏览网页</p>
<p>》<a style="cursor:pointer" onclick="history.back()">返回上一页面</a></p>
<p>》<a href="https://www.sunweihu.com/">返回网站首页</a></p>
<span class="tips">如果您想了解更多信息，则可以稍后在线搜索此错误: 算了你还是别搜了……</span>
</p>
</body>
</html>
下载地址
版权声明：本文采用知识共享 署名4.0国际许可协议BY-NC-SA 进行授权
文章作者：<墨涩>
文章链接：
免责声明：本站为资源分享站，所有资源信息均来自网络，您必须在下载后的24个小时之内从您的电脑中彻底删除上述内容；版权争议与本站无关，所有资源仅供学习参考研究目的，如果您访问和下载此文件，表示您同意只将此文件用于参考、学习而非其他用途，否则一切后果请您自行承担，如果您喜欢该程序，请支持正版软件，购买注册，得到更好的正版服务。
本站为非盈利性站点，并不贩卖软件，不存在任何商业目的及用途，网站会员捐赠是您喜欢本站而产生的赞助支持行为，仅为维持服务器的开支与维护，全凭自愿无任何强求。
THE END
