小诗梦404炫酷404单页面html5源码

2017年12月10日00:04:39 3 525

小诗梦一个很炫酷页面,感觉应该符合一些人的感觉,可以用来做404页面,虽然现在网络上早就有了,但我还是自己发一下做个笔记😪。小诗梦404炫酷404单页面html5源码

直接上代码吧js,css用我的,人懒的话自己复制修改代码用,不放心的自己本地化吧。

代码:

  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>诗梦</title>
  6. <meta name="keywords" content="诗梦" />
  7. <meta name="description" content="诗梦" />
  8. <meta name="author" content="" />
  9. <meta name="copyright" content="" />
  10. <script type="text/javascript" src="https://m.mom1.cn/aa/js/protect.js"></script>
  11. <script src="https://m.mom1.cn/b/js/jquery-1.10.2.min.js"></script>
  12. <link rel="stylesheet" type="text/css" href="https://m.mom1.cn/b/css/style.css">
  13. </head>
  14. <body>
  15. <svg viewBox="0 0 800 600">
  16.   <symbol id="s-text">
  17.     <text text-anchor="middle"
  18.           x="50%"
  19.           y="50%"
  20.           class="text--line"
  21.           >
  22.       诗梦
  23.     </text>
  24.     <text text-anchor="middle"
  25.           x="50%"
  26.           y="80%"
  27.           class="text--line2"
  28.           >
  29.       www.mom1.cn
  30.     </text>
  31.   </symbol>
  32.   <g class="g-ants">
  33.     <use xlink:href="#s-text"
  34.       class="text-copy"></use>
  35.     <use xlink:href="#s-text"
  36.       class="text-copy"></use>
  37.     <use xlink:href="#s-text"
  38.       class="text-copy"></use>
  39.     <use xlink:href="#s-text"
  40.       class="text-copy"></use>
  41.     <use xlink:href="#s-text"
  42.       class="text-copy"></use>
  43.   </g>
  44. </svg><script>
  45. </script>
  46. </body>
  47. </html>
诗梦

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:3   其中:访客  2   博主  1

    • avatar 优质香港空间 2
      来自天朝的朋友 火狐浏览器 Windows 10 天津市 电信IDC机房

      过来学习了,感谢博主的分享

      • avatar 明月清风 2
        来自天朝的朋友 QQ浏览器  Android 4.4.4 HUAWEI C8818 Build/HuaweiC8818 广东省广州市 电信

        诗梦究竟是怎么了!

          • avatar 诗梦 博主
            来自天朝的朋友 谷歌浏览器  Redmi Note 4 Build/MRA58K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.83 Mobile Safari/537.36 广东省广州市 电信

            @明月清风 诗梦就是诗梦