首页/网站模板/ html分享之一个超级炫酷的-404飞起来了

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

作者:神奇   分类:网站模板   时间:2021-06-24 19:57:32  标签:


前几天瞎逛别人站点的时候,看见了一个以前做电脑壁纸的页面。
然后我灵机一动,咦,我完全可以用这个页面做我的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[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>

温馨提示如有转载或引用以上内容之必要,敬请将本文链接作为出处标注,谢谢合作!

评论:

发表评论:

code