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

a774733519 发表于 2021-6-23 21:04

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

【评分走一走活到九十九】
貌似还有一款某某社-区dai刷wang模板
就是那种bai-度对它非常友好那种
评分=动力
【评分走一走活到九十九】

<!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 = 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;
      ctx.fillText(text, i * font_size, drops * font_size);
      if (drops * font_size > ad.height && Math.random() > 0.975)
         drops = 0;
      drops++;
   }
   }
   setInterval(draw, 50);
</script>
</body>
</html>

gentledream 发表于 2021-6-24 07:53

这个页面还挺帅的楼主厉害

icysky0605 发表于 2021-6-24 08:19

这个是真的好玩，哈哈

sam喵喵 发表于 2021-6-23 21:08

咋不是动图，动图就炫酷多了啊

刘留留 发表于 2021-6-23 21:31

很炫酷，感谢分享

阿杰曾爱 发表于 2021-6-23 21:57

很炫酷，感谢分享

Nemo666 发表于 2021-6-23 22:17

很炫酷，不错！

Stap 发表于 2021-6-23 22:35

大佬就是大佬，膜拜学习

linsixi 发表于 2021-6-23 23:08

这些代码不能直接运行，操作麻烦

Goldrepo 发表于 2021-6-23 23:17

{:301_993:}不错哦，LZ

绫织梦 发表于 2021-6-24 00:43

linsixi 发表于 2021-6-23 23:08
这些代码不能直接运行，操作麻烦

这是html，用记事本新建个文件，把代码打进去，另存为html文件，然后就能用你喜欢的浏览器打开了。

w64182057 发表于 2021-6-24 07:39

怎么用的{:1_896:}

页: [1] 2 3 4 5

吾爱破解 - 52pojie.cn's Archiver

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