从头做起
ad
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
p {
margin: 0;
}
.baikeLogo {
width: 780px;
height: 50px;
margin: 150px auto 75px;
text-indent: -9999em;
background: url(https://gss0.baidu.com/70cFsjip0QIZ8tyhnq/img/baike/logo-baike.png) 50% 50% no-repeat;
}
/* S-- errorBox */
.errorBox {
width: 780px;
margin: 0 auto 65px;
text-align: center;
font-family: "Microsoft yahei";
}
.errorBox .timeOut {
color: #666;
font-size: 16px;
}
.errorBox .timeOut a {
color: #136ec2;
text-decoration:none;
}
.errorBox .countdown {
font-weight: 700;
}
/* E-- errorBox */
/* S-- sorryBox */
.sorryBox {
position: relative;
margin-bottom: 10px;
}
.sorryBox .sorryTxt {
color: #559ee7;
}
.sorryBox .sorryCont {
color: #333;
font-size: 35px;
}
.sorryBox .sorryBubble {
position: absolute;
left: 98px;
top: -35px;
width: 72px;
height: 37px;
background: url(/static/common/img/error_bubble_7da2966.jpg) no-repeat 50% 50%;
}
/* E-- sorryBox */
/* S-- footer */
.ft {
width: 780px;
margin: 0 auto 65px;
padding-top: 20px;
padding-bottom: 20px;
line-height: 20px;
color: #666;
font-size: 12px;
text-align: center;
background-color: #f8f8f8;
}
.ft a{
color: #2d64b3;
text-decoration: none;
}
.ft a:hover {
text-decoration: underline;
}
.feedBackWays .ul {
margin: 0;
padding: 0;
}
.feedBackWays .li {
list-style: none;
}
.ftCont {
margin-top: 20px;
color: #2d64b3;
}
/* E-- footer */
</style>
</head>
<body>
<div id="bd">
<h1 class="baikeLogo">
百度百科错误页
</h1>
<div class="errorBox">
<!-- 主体 -->
<div class="sorryBox">
<div class="sorryBubble"></div>
<p class="sorryCont"><span class="sorryTxt">抱歉</span>，您所访问的页面不存在...</p>
</div>
<div class="timeOut">
<p><span class="countdown" id="countdown">3</span>秒后自动跳转到百科首页</p>
</div>
<!-- /主体 -->
</div>
</div>
<div id="ft">
<div class="ft">
<div class="feedBackWays">
<ul class="ul">
<li class="li">如果想提出功能问题或意见建议,请到意见反馈;</li>
<li class="li">如果您要举报侵权或违法信息,请到投诉中心;</li>
<li class="li">其他问题请访问百度百科吧。</li>
</ul>
</div>
<div class="ftCont">
©<span id="copyYear"></span>Baidu 使用百度前必读 | 百科协议 | 百度百科合作平台
</div>
</div>
</div>
<script type="text/javascript">
window.onload = function(){
var time = 3,
year = new Date().getFullYear();
document.getElementById("copyYear").innerHTML = year;
setInterval(function(){
if (time == 0){
window.location = "http://baike.baidu.com/";
return;
}
document.getElementById("countdown").innerHTML = time;
time--;
}, 1000);
}
</script>
</body>
</html>来自118cha.com
此内容系本站根据您的指令自动搜索到的结果，不代表本站赞成其中所述的内容或立场
ad
百科全书查询结果由 118cha.com 提供 [复制结果]