2023年6月21日发(作者：)

收集的⼏个⾃定义的404页⾯的模板⽂章⽬录404pages : HTTP Status 404 – Not Found介绍：注：项⽬已上传到github：，测试⽹址：。 1. 该项⽬收集了⼏个404的页⾯模板，可⽤于替换原⽣的404页⾯。我这⾥只是进⾏整理，部分来⾃⽹络，部分来⾃其他项⽬。 2. ⾃定义⼀个404页⾯好像并不难，难的是如何让”状态码为404的请求“都转向我们⾃定义的404页⾯，关于这个问题可参考我转发的⼀篇博客：，我这⾥⽤的是第三种:利⽤web容器提供的error-page标签，在中添加标签即可实现，如下所⽰： 404 /resource/view/ 3. 我已将每个404页⾯独⽴开来，并将他们整理到⼀个个⼆级⽂件夹。这样如果有需要，直接复制对应⽂件夹即可；当然你也可以进⾏修改，对其进⾏个性化设置，可参考：。404页⾯分类：具体效果到 查看，下⾯是简单介绍。（注：该分类主要是以页⾯是否有⼤量js交互为依据）1. 静态404页⾯：HTML+简单CSS+简单的js交互。1. 透明简约404页⾯2. 暗⿊主题404页⾯3. 飞机404页⾯4. 哭脸404页⾯5. 蓝⾊简约-纯⽂字404页⾯2. 动态404页⾯：HTML+CSS动画+简单的js交互。（浏览器加载时，会⽐较耗内存、GPU。）1. 纯css3海⾯404页⾯动画特效[外链图⽚转存失败(img-urc0CZ9y-15)(/2019/07/27/)]2. 腾讯公益-404页⾯3. 404⼩游戏：1. 吾爱破解社区-《圈⼩猫》2. 404⼩游戏2：google-酷跑（暂未添加）补充内容：1. 应⽤js的三种⽅式。2. 使超链接失效的⽅法。3. 实现跳转到上⼀页的⽅法。致谢：1. ：部分404页⾯来⾃该⽹站。2. ：我当时想⾃定义404页⾯就是受《圈⼩猫》游戏的影响，我的项⽬中的此部分内容转载⾃：吾爱破解社区在github上的开源项⽬：，游戏试玩地址：。该项⽬使⽤⼀个游戏引擎写的，有兴趣可到官⽹了解：/。声明本项⽬仅⽤于学习交流使⽤，⼤部分⽹页源⾃⽹络，所有权归原作者所有，如涉及侵权，请联系我进⾏删除。

2023年6月21日发(作者：)

收集的⼏个⾃定义的404页⾯的模板⽂章⽬录404pages : HTTP Status 404 – Not Found介绍：注：项⽬已上传到github：，测试⽹址：。 1. 该项⽬收集了⼏个404的页⾯模板，可⽤于替换原⽣的404页⾯。我这⾥只是进⾏整理，部分来⾃⽹络，部分来⾃其他项⽬。 2. ⾃定义⼀个404页⾯好像并不难，难的是如何让”状态码为404的请求“都转向我们⾃定义的404页⾯，关于这个问题可参考我转发的⼀篇博客：，我这⾥⽤的是第三种:利⽤web容器提供的error-page标签，在中添加标签即可实现，如下所⽰： 404 /resource/view/ 3. 我已将每个404页⾯独⽴开来，并将他们整理到⼀个个⼆级⽂件夹。这样如果有需要，直接复制对应⽂件夹即可；当然你也可以进⾏修改，对其进⾏个性化设置，可参考：。404页⾯分类：具体效果到 查看，下⾯是简单介绍。（注：该分类主要是以页⾯是否有⼤量js交互为依据）1. 静态404页⾯：HTML+简单CSS+简单的js交互。1. 透明简约404页⾯2. 暗⿊主题404页⾯3. 飞机404页⾯4. 哭脸404页⾯5. 蓝⾊简约-纯⽂字404页⾯2. 动态404页⾯：HTML+CSS动画+简单的js交互。（浏览器加载时，会⽐较耗内存、GPU。）1. 纯css3海⾯404页⾯动画特效[外链图⽚转存失败(img-urc0CZ9y-15)(/2019/07/27/)]2. 腾讯公益-404页⾯3. 404⼩游戏：1. 吾爱破解社区-《圈⼩猫》2. 404⼩游戏2：google-酷跑（暂未添加）补充内容：1. 应⽤js的三种⽅式。2. 使超链接失效的⽅法。3. 实现跳转到上⼀页的⽅法。致谢：1. ：部分404页⾯来⾃该⽹站。2. ：我当时想⾃定义404页⾯就是受《圈⼩猫》游戏的影响，我的项⽬中的此部分内容转载⾃：吾爱破解社区在github上的开源项⽬：，游戏试玩地址：。该项⽬使⽤⼀个游戏引擎写的，有兴趣可到官⽹了解：/。声明本项⽬仅⽤于学习交流使⽤，⼤部分⽹页源⾃⽹络，所有权归原作者所有，如涉及侵权，请联系我进⾏删除。