统计
  • 建站日期:2021-03-10
  • 文章总数:173 篇
  • 评论总数:851 条
  • 分类总数:6 个
  • 最后更新:7月10日
文章 HTML源码

html源码分享之一个超级炫酷的-404飞起来了

小爱
首页 HTML源码 正文
   

前几天瞎逛别人站点的时候,看见了一个以前做电脑壁纸的页面。
然后我灵机一动,咦,我完全可以用这个页面做我的404啊
然后吃水不忘挖井人赶紧给你们上菜
说时迟那时快,我小手一抖

然后你们自己动手哈

<!DOCTYPE html><html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>瀑布流52pojie.cn之404飞起来了</title>
    <style>
      * {
        margin: 0;
        padding: 0;
      }
      body {
        background: black;
      }
      canvas {
        display: block;
      }
    </style>
  </head>
  <body>
    <canvas id="ad"></canvas>
    <script>
      var ad = document.getElementById("ad");
      var ctx = ad.getContext("2d");
      ad.height = window.innerHeight;
      ad.width = window.innerWidth;
      var chinese = "义薄云天";
      chinese = chinese.split("");
      var font_size = 10;
      var columns = ad.width / font_size;
      var drops = [];
      for (var x = 0; x < columns; x++) drops[x] = 1;
      function draw() {
        ctx.fillStyle = "rgba(0, 0, 0, 0.05)";
        ctx.fillRect(0, 0, ad.width, ad.height);
        ctx.fillStyle = "#0F0";
        ctx.font = font_size + "px arial";
        for (var i = 0; i < drops.length; i++) {
          var text = chinese[Math.floor(Math.random() * chinese.length)];
          ctx.fillText(text, i * font_size, drops[i] * font_size);
          if (drops[i] * font_size > ad.height && Math.random() > 0.975)
            drops[i] = 0;
          drops[i]++;
        }
      }
      setInterval(draw, 50);
    </script>
  </body>
</html>


html源码分享之一个超级炫酷的-404飞起来了
-爱源码
-第1
张图片


扫描二维码,在手机上阅读

版权说明
文章采用: 《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权。
版权声明:未标注转载均为本站原创,转载时请以链接形式注明文章出处。如有侵权、不妥之处,请联系站长删除。敬请谅解!

-- 展开阅读全文 --
iApp v3源码 抖音热舞修复接口 免费源码iapp源码下载
« 上一篇
HTML源码 会议倒计时提醒工具
下一篇 »
为了防止灌水评论,登录后即可评论!

HI ! 请登录
注册会员,享受下载全站资源特权。

最新文章

热门文章