Skip to content

Commit a7519b1

Browse files
committed
feat:比较大的一次调整:调整文件位置,新增“腾讯公益404页面”,更新文档
1.调整了文件了位置,方便使用;调整主页index.html的超链接。 2.新增腾讯公益404页面。 3.更新README.md:新增图片示例。 Changes to be committed: modified: .gitattributes modified: README.md deleted: WebRoot/1_1_404page.html deleted: WebRoot/1_2_404page.html deleted: WebRoot/1_3_404page.html renamed: WebRoot/1static-picture/1_1_404page/images/1_1_404page.png -> WebRoot/1static-picture/1_1_404page/images/transparent-404page.png renamed: WebRoot/1static-picture/1_1_404page/1_1_404page.html -> WebRoot/1static-picture/1_1_404page/transparent-404page.html new file: WebRoot/1static-picture/1_2_404page/dark-404page.html new file: WebRoot/1static-picture/1_2_404page/images/head404.png new file: WebRoot/1static-picture/1_2_404page/images/txtbg404.png new file: WebRoot/1static-picture/1_3_404page/airplane-404page.html renamed: WebRoot/css/1_3_404page.css -> WebRoot/1static-picture/1_3_404page/css/airplane-404page.css renamed: WebRoot/images/1_3_404page.jpg -> WebRoot/1static-picture/1_3_404page/images/airplane-404page.jpg renamed: WebRoot/1_4_404page.html -> WebRoot/1static-picture/1_4_404page/crying-face-404page.html renamed: WebRoot/images/1_4_404page.jpg -> WebRoot/1static-picture/1_4_404page/images/crying-face-404page.jpg renamed: WebRoot/1_5_404page.html -> WebRoot/1static-picture/1_5_404page/blue-text-404page.html deleted: WebRoot/2_1_404page.html renamed: WebRoot/2js-animate/2_1_on-the-sea/css/2_1_on-the-sea.css -> WebRoot/2js-animate/2_1_on-the-sea/css/sea-404page.css renamed: WebRoot/2js-animate/2_1_on-the-sea/2_1_on-the-sea.html -> WebRoot/2js-animate/2_1_on-the-sea/sea-404page.html new file: WebRoot/2js-animate/2_2_tx-search-children/tx-search_children-404page.html modified: WebRoot/3mini-games/3_1_phaser-catch-the-cat/3_1_phaser-catch-the-cat.html modified: WebRoot/3mini-games/3_1_phaser-catch-the-cat/js/catch-the-cat.js modified: WebRoot/css/index.css deleted: WebRoot/images/1_1_404page.png new file: WebRoot/images/airplane-404page.jpg renamed: WebRoot/images/简约.jpg -> WebRoot/images/background.jpg modified: WebRoot/index.html new file: docs/imges/404-1-1.jpg new file: docs/imges/404-1-2.jpg new file: docs/imges/404-1-3.jpg new file: docs/imges/404-1-4.jpg new file: docs/imges/404-1-5.jpg new file: docs/imges/404-2-1.gif new file: docs/imges/404-2-2.jpg new file: docs/imges/404-3-1.jpg
1 parent 402af2a commit a7519b1

35 files changed

+178
-494
lines changed

.gitattributes

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,3 @@
1-
#正确做法,把该语言(文件)标记为“不供应的代码”,linguist-vendored(语言供应)设置为false,即不是自己编写的的;
1+
#对于框架文件,应把该语言(文件)标记为“不供应的代码”,linguist-vendored(语言供应)设置为false,即不是自己编写的的;
22
#详见:https://github.com/github/linguist
33
phaser.min.js linguist-vendored

README.md

Lines changed: 20 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88

99

1010

11-
### 介绍:
11+
## 介绍:
1212

1313
​ 1. 该项目收集了几个404的页面模板,可用于替换原生的404页面。我这里只是进行整理,部分来自网络,部分来自其他项目。
1414

@@ -21,58 +21,58 @@
2121
</error-page>
2222
```
2323

24-
3. 整理好后(暂未整理好),会把每一个404页面独立开来,这样<font color="red">如果有需要,直接复制对应文件夹即可</font>;当然你也可以进行修改,对其进行个性化设置。
24+
3. 整理好后,会把每一个404页面独立开来,这样<font color="red">如果有需要,直接复制对应文件夹即可</font>;当然你也可以进行修改,对其进行个性化设置。
2525

2626

2727

28-
### 404页面分类:
28+
## 404页面分类:
2929

3030
(注:该分类主要是以页面是否有大量js交互为依据)
3131

3232
1. 静态404页面:HTML+简单CSS+简单的js交互。
33-
- 404页面1:透明404
34-
- 404页面2:暗黑主题
35-
- 404页面3:飞机404
36-
- 404页面4:哭脸404
37-
- 404页面5:蓝色,纯文字
33+
- 透明简约404页面![eMdO76.jpg](https://s2.ax1x.com/2019/07/27/eMdO76.jpg)
34+
- 暗黑主题404页面![eMwS9e.jpg](https://s2.ax1x.com/2019/07/27/eMwS9e.jpg)
35+
- 飞机404页面![eMw9cd.jpg](https://s2.ax1x.com/2019/07/27/eMw9cd.jpg)
36+
- 哭脸404页面![eMwFBt.jpg](https://s2.ax1x.com/2019/07/27/eMwFBt.jpg)
37+
- 蓝色简约-纯文字404页面![eMwinI.jpg](https://s2.ax1x.com/2019/07/27/eMwinI.jpg)
3838

3939
2. 动态404页面:HTML+CSS动画+简单的js交互。(浏览器加载时,会比较耗内存、GPU。)
40-
- 404动态页面1: 纯css3海面上404页面动画特效
41-
- 404动态页面2:(暂未添加)
40+
- 纯css3海面404页面动画特效![eMwVN8.gif](https://s2.ax1x.com/2019/07/27/eMwVN8.gif)
41+
- 腾讯公益-404页面![eMwkHP.jpg](https://s2.ax1x.com/2019/07/27/eMwkHP.jpg)
4242

4343
3. 404小游戏:
4444

45-
- 404小游戏1: 吾爱破解社区--404游戏《圈小猫》](https://www.52pojie.cn/12)
46-
45+
- 吾爱破解社区-《圈小猫》![eMwEAf.jpg](https://s2.ax1x.com/2019/07/27/eMwEAf.jpg)
4746
- 404小游戏2:google-酷跑(暂未添加)
4847

49-
5048

51-
### 补充内容:
49+
50+
51+
## 补充内容:
5252

5353
1. 应用js的三种方式。
5454
2. 使超链接失效的方法。
5555
3. 实现跳转到上一页的方法。
5656

5757

5858

59-
### 致谢:
59+
## 致谢:
6060

6161
1. [i7素材网](http://www.17sucai.com):404页面来自此网站。
62+
6263
2. [吾爱破解社区](https://www.52pojie.cn):我当时想自定义404页面就是受《圈小猫》游戏的影响,我的项目中的此部分内容转载自:吾爱破解社区在github上的开源项目:[phaser-catch-the-cat](https://github.com/ganlvtech/phaser-catch-the-cat),游戏试玩地址:[https://ganlvtech.github.io/phaser-catch-the-cat/](https://ganlvtech.github.io/phaser-catch-the-cat/)
6364

65+
该项目使用一个游戏引擎写的,有兴趣可到官网了解:https://phaser.io/。
6466

6567

66-
### 我的环境:
6768

68-
myeclipse10.7
69-
jdk1.8
70-
Tomcat7.0
69+
## 我的环境:
7170

71+
myeclipse10.7, jdk1.8, Tomcat7.0
7272

7373

7474

75-
### 构建:
75+
## 构建(使用)
7676

7777
1.克隆项目到本地:git clone https://github.com/yansheng836/404pages.git
7878

WebRoot/1_1_404page.html

Lines changed: 0 additions & 114 deletions
This file was deleted.

WebRoot/1_2_404page.html

Lines changed: 0 additions & 86 deletions
This file was deleted.

WebRoot/1_3_404page.html

Lines changed: 0 additions & 25 deletions
This file was deleted.

WebRoot/1static-picture/1_1_404page/images/1_1_404page.png renamed to WebRoot/1static-picture/1_1_404page/images/transparent-404page.png

File renamed without changes.

WebRoot/1static-picture/1_1_404page/1_1_404page.html renamed to WebRoot/1static-picture/1_1_404page/transparent-404page.html

Lines changed: 5 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,15 @@
11
<!DOCTYPE html>
22
<html>
33
<head>
4-
<!--解决 IE6 背景缓存-->
5-
<!--[if IE 6]>
6-
<script type="text/javascript">
7-
document.execCommand("BackgroundImageCache", false, true);
8-
</script>
9-
<![endif]-->
104

11-
<!-- <title>1_1_404page.html</title> -->
12-
<title>HTTP Status 404 – Not Found</title>
5+
<!-- <title>transparent-404page.html</title> -->
6+
<title>transparent-404page</title>
137

148
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
159
<meta http-equiv="description" content="this is my page">
1610
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
1711

1812
<style type="text/css">
19-
/* html {
20-
background: url(http://github.com/images/background.jpg) !important;
21-
} */
2213
a,fieldset,img {
2314
border: 0;
2415
}
@@ -99,14 +90,14 @@
9990
<body>
10091
<div id="wrapper">
10192
<a href="">
102-
<img class="fade" src="images/1_1_404page.png">
93+
<img class="fade" src="./images/transparent-404page.png">
10394
</a>
10495
<div>
10596
<h1 class="fade">温馨提示:您访问的地址不存在!</h1>
10697
<p class="fade">你正在寻找的页面无法找到。</p>
10798
<p class="fade">
108-
<a href="url" onclick="javascript:window.history.go(-1);return false;">返回上一个页面</a>
109-
<a class="link" href="./index.html">返回首页</a>
99+
<a href="url" onclick="javascript:window.history.back(-1);return false;">返回上一个页面</a>
100+
<a class="link" href="/404pages/index.html">返回首页</a>
110101
</p>
111102
</div>
112103
</div>

0 commit comments

Comments
 (0)