欢迎来到HTML5中文学习网！

当前位置：首页 > JS代码 > JS特效代码 > 网站常用

泪流满面的404页面

2010-01-09　来源/作者：HTML5中文学习网　分类：网站常用　 «»

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>您找的页面不存在</title>

<style type="text/css">
<!--
BODY {	PADDING-RIGHT: 0px; PADDING-LEFT: 35px; BACKGROUND: url(/images/photoback.gif) repeat-x left top; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 12px Arial, Helvetica, sans-serif; COLOR: #333; PADDING-TOP: 35px}
A {	COLOR: #007ab7; TEXT-DECORATION: none}
A:hover {COLOR: #007ab7; TEXT-DECORATION: none}
A:hover {COLOR: #de1d6a}
.hidehr {DISPLAY: none}
.show12 {PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 5px 0px; PADDING-TOP: 0px}
.show13 {PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 5px 0px; PADDING-TOP: 0px}
.show12 A {	BORDER-RIGHT: #bfdeed 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #bfdeed 1px solid; DISPLAY: inline-block; PADDING-LEFT: 6px; BACKGROUND: #d8ebf4; PADDING-BOTTOM: 2px; OVERFLOW: hidden; BORDER-LEFT: #bfdeed 1px solid; LINE-HEIGHT: 17px; PADDING-TOP: 2px; BORDER-BOTTOM: #bfdeed 1px solid; HEIGHT: 16px}
.show13 A {	BORDER-RIGHT: #bfdeed 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #bfdeed 1px solid; DISPLAY: inline-block; PADDING-LEFT: 6px; BACKGROUND: #d8ebf4; PADDING-BOTTOM: 2px; OVERFLOW: hidden; BORDER-LEFT: #bfdeed 1px solid; LINE-HEIGHT: 17px; PADDING-TOP: 2px; BORDER-BOTTOM: #bfdeed 1px solid; HEIGHT: 16px}
.show12 A:hover {	BORDER-RIGHT: #ea5e96 1px solid; BORDER-TOP: #ea5e96 1px solid; BACKGROUND: #fce8f0; BORDER-LEFT: #ea5e96 1px solid; COLOR: #de1d6a; BORDER-BOTTOM: #ea5e96 1px solid; TEXT-DECORATION: none}
.show13 A:hover {	BORDER-RIGHT: #ea5e96 1px solid; BORDER-TOP: #ea5e96 1px solid; BACKGROUND: #fce8f0; BORDER-LEFT: #ea5e96 1px solid; COLOR: #de1d6a; BORDER-BOTTOM: #ea5e96 1px solid; TEXT-DECORATION: none}
.show12 A {	FONT-WEIGHT: normal; FONT-SIZE: 12px}
.show13 A {	BORDER-RIGHT: #ed268c 1px solid; BORDER-TOP: #ed268c 1px solid; BACKGROUND: #dd137b; BORDER-LEFT: #ed268c 1px solid; COLOR: #fff; BORDER-BOTTOM: #ed268c 1px solid}
.img404 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(#down/js/images/12630051960.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 80px; PADDING-TOP: 0px; POSITION: relative; HEIGHT: 90px}
H2 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 16px; FLOAT: left; PADDING-BOTTOM: 25px; MARGIN: 0px; WIDTH: 80%; LINE-HEIGHT: 0; PADDING-TOP: 25px; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative}
H3.wearesorry {	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 10px; LEFT: 117px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #ccc; LINE-HEIGHT: 10px; PADDING-TOP: 0px; POSITION: absolute; TOP: 70px}
.content {	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 13px; LEFT: 80px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 80%; LINE-HEIGHT: 19px; PADDING-TOP: 0px; POSITION: relative; TOP: -30px}
.content UL {PADDING-RIGHT: 35px; PADDING-LEFT: 35px; PADDING-BOTTOM: 20px; MARGIN: 0px; PADDING-TOP: 10px}
.show12 UL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 20px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}
.show14 UL LI {	MARGIN-BOTTOM: 5px}

-->
</style>
</head>

<body>

<H1 class=hidehr>当前在HTML5中文学习网上（www.lanrentuku.com）找不到你要的页面。</H1>
<DIV class=img404>　</DIV>
<H2>抱歉，找不到您要的页面……</H2>
<H3 class=wearesorry>We're sorry but the page your are looking for is Not 
Found...</H3>
<DIV class=content>仔细找过啦，没有发现你要找的页面。最可能的原因是： 
  <UL>
  <LI>在地址中可能存在键入错误。 
  <LI>当你点击某个链接时，它可能已过期。 
</LI></UL>
<STRONG>点击以下链接继续浏览HTML5中文学习网上的其它内容</STRONG>（<a href="../index.htm" tppabs="#" target="_blank">#</a>）： 
<DIV class=show14>
<UL>
  <LI><A title=返回HTML5中文学习网首页 href="../index.htm" tppabs="#">返回HTML5中文学习网首页</A> 
  <LI><A title=返回上一个页面 href="javascript:history.back(-1)">返回上一页</A></LI>
</UL></DIV>
要不，我们去<A href="http://bbs.lanrentuku.com/'))window.location='http://bbs.lanrentuku.com/'" tppabs="http://bbs.lanrentuku.com/" target=_blank>懒人论坛</A>看看吧~~ </DIV>
<SPAN 
style="VISIBILITY: hidden"></SPAN>

</body>
</html>

运行代码保存代码提示：您可以先修改部分代码再运行，保存代码功能在Firefox下无效。

用到的图片：

标签：网站常用

更换网页背景的jquery代码（写入cookie）

JS屏蔽网页中的错误提示信息

最后加载广告的JS代码

网页自动跳转代码

禁止网页复制的代码

网页标题随机显示名言JS代码

随机显示个性签名代码

JS测试显示器分辨率

猜你也喜欢看这些 ······: Arctext弧形文字效果插件（CSS3&jQuery）其他代码2013-02-01; 单行文字循环滚动(jQuery)其他代码2013-02-01; 右侧带缩略图jQuery焦点图代码焦点图2013-01-24; css3动态导航菜单模版菜单导航2013-01-23; 单张放大图片展示效果(jQuery)图片特效2013-01-22

这些是最新的 ······: 仿邮箱密码色条随输入长度变化其他特效2013-01-09; CSS布局：自适应高度的CSS布局CSS样式2012-11-20; CSS布局：根据浏览器宽度自动把布局从三栏切换成两栏加底栏CSS样式2012-11-19; CSS布局：右栏固定宽度,左栏内容先出现同时自适应宽度CSS样式2012-11-19; CSS布局：中栏固定宽度,左右两栏宽度自适应CSS样式2012-11-19