JS-PC版的404页面

最新推荐文章于 2022-05-15 00:30:22 发布

HarryHY

最新推荐文章于 2022-05-15 00:30:22 发布

阅读量543

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/HarryHY/article/details/102291824

版权

本文介绍如何使用JavaScript技术创建PC端的404错误页面。内容包括HTML结构和JavaScript代码实现，旨在为用户提供友好的错误提示和体验。

摘要由CSDN通过智能技术生成

html

<!DOCTYPE html>
<html lang="en" >

<head>
<meta charset="UTF-8">
<title>404 particle text</title>


<style>
/* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */
body {
   
	background: #2196F3;
}

#notFound {
   
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%) scale(1.2);
  width: 80%;
  height: auto;
}

</style>


</head>

<body>


<script src='js/pixi.js'></script>
<script src="js/index.js"></script>




</body>

</html>

JS页面

//animation frame polyfill
(function () {
   
    var lastTime = 0;
    var vendors = ['ms', 'moz', 'webkit', 'o'];
    for (var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
   
        window.requestAnimationFrame = window[vendors[x] + 'RequestAnimationFrame'];
        window.cancelAnimationFrame = window[vendors[x] + 'CancelAnimationFrame'] || window[vendors[x] + 'CancelRequestAnimationFrame'];
    }

    if (!window.requestAnimationFrame)
        window.requestAnimationFrame = function (callback, element) {
   
            var currTime = new Date().getTime();
            var timeToCall = Math.max(0, 16 - (currTime - lastTime));
            var id = window.setTimeout(function () {
   
                    callback(currTime + timeToCall);
                },
                timeToCall);
            lastTime = currTime + timeToCall;
            return id;
        };

    if (!window.cancelAnimationFrame)
        window.cancelAnimationFrame = function (id

最低0.47元/天解锁文章

HarryHY

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS-PC版的404页面

html<!DOCTYPE html><html lang="en" ><head><meta charset="UTF-8"><title>404 particle text</title><style>/* NOTE: The styles were added inline because...
复制链接

扫一扫

专栏目录