炫酷好看的404报错单页源代码

QQ图片20200527010059.png

源代码
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>访问的页面不存在 -404页面_网站防火墙</title>
<meta name="keywords" content="访问的页面不存在 -404页面_网站防火墙">
<meta name="description" content="访问的页面不存在 -404页面_网站防火墙">
<meta name="author" content="">
<meta name="copyright" content="">
<script type="text/javascript" src="https://lxmb.oss-cn-beijing.aliyuncs.com/404/protect.js"></script>
<script src="https://lxmb.oss-cn-beijing.aliyuncs.com/404/jquery-1.10.2.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://lxmb.oss-cn-beijing.aliyuncs.com/404/style.css">
<body>
<svg viewBox="0 0 800 600">
<symbol id="s-text">
<text text-anchor="middle" x="50%" y="40%" class="text--line">
访问的页面不存在
</text>
<text text-anchor="middle" x="50%" y="60%" class="text--line2">
404页面_网站防火墙
</text>

</symbol>

<g class="g-ants">
<use xlink:href="#s-text" class="text-copy"></use>
<use xlink:href="#s-text" class="text-copy"></use>
<use xlink:href="#s-text" class="text-copy"></use>
<use xlink:href="#s-text" class="text-copy"></use>
<use xlink:href="#s-text" class="text-copy"></use>
</g>


</svg><script>
</script>

</body></html>
以上代码是调用了阿里云oss远程js和css的源代码,复制带网站创建页面即可使用!
下面分享文件可自己存在本地调用。

 

本文标题:炫酷好看的404报错单页源代码
本文链接:https://www.lengxi.net/?id=299
作者授权:除特别说明外,本文由 冷曦 原创编译并授权 冷曦博客 - 源码之家 刊载发布。
版权声明:本文不使用任何协议授权,您可以任何形式自由转载或使用。

暂无留言,赶快评论吧

欢迎留言