09月22日, 2014 3911次
炫酷好看的404报错单页源代码
源代码
<!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>
<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/post/299.html
版权声明：本文不使用任何协议授权，您可以任何形式自由转载或使用。
暂无留言,赶快评论吧