
Lv.1
签名:无
在 我完全不会做嘤嘤婴嘤嘤 中回复
https://shequ.codemao.cn/work/67363355?entry=copy_work_url
这是我的作品
2020-11-14T21:25:50 点赞:0
在 故宫原码蛋!到底 这怎么做? 中回复
https://shequ.codemao.cn/work/67363355?entry=copy_work_url
这是我的作品
2020-11-14T21:27:18 点赞:0
在 有人知道怎么做吗 中回复
https://shequ.codemao.cn/work/67363355?entry=copy_work_url
这是我的作品
2020-11-14T21:28:03 点赞:0
在 【Python作品分享】黑客帝国代码雨【作品秀】 中回复
html代码:
<!DOCTYPE html>
<!-- saved from url=(0032)http://tool.uixsj.cn/hack-html5/ -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-touch-fullscreen" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="">
<meta name="full-screen" content="yes">
<meta name="x5-fullscreen" content="true">
<meta name="browsermode" content="application">
<meta name="x5-page-mode" content="app">
<style type="text/css">*{margin:0;overflow:hidden;}canvas{display:block;cursor:none;}</style>
<title>代码雨</title>
<script type="text/javascript">
window.onload=function(){
var c = document.getElementById("c");
var ctx = c.getContext("2d");
//使画布全屏
c.height = window.innerHeight;
c.width = window.innerWidth;
var txts = "0123456789QWERTYUIOPASDFGHJKLZXCVBNMqazwsxedcrfvtgbyhnujmikolp"; //随机的
//转换为数组
txts = txts.split("");
var font_size = 15;
var columns = c.width/font_size; //计算纵队数
var drops = [];
//初始值
for(var x = 0; x < columns; x++)
drops[x] = 1;
//窗体大小发生改变
window.onresize = function(){
//使绘图区域全屏
c.height = window.innerHeight;
c.width = window.innerWidth;
columns = c.width/font_size; //计算纵队数
for(var x = 0; x < columns; x++)
drops[x] = 1;
}
//进入全屏
function requestFullScreen() {
var de = document.documentElement;
if (de.requestFullscreen) {
de.requestFullscreen();
} else if (de.mozRequestFullScreen) {
de.mozRequestFullScreen();
} else if (de.webkitRequestFullScreen) {
de.webkitRequestFullScreen();
}
}
//添加点击监听事件(点击全屏)
document.body.addEventListener('click',function(){
requestFullScreen(); //当你点击鼠标时会全屏
},false);
//绘制下落的文字
function draw()
{
//让背景逐渐由透明到不透明
ctx.fillStyle = "rgba(0, 0, 0, 0.07)";
ctx.fillRect(0, 0, c.width, c.height);
ctx.fillStyle = "#0F0"; //文本颜色(绿色)
ctx.font = font_size + "px arial";
//逐行输出文字
for(var i = 0; i < drops.length; i++)
{
//随机取要输出的文字
var text = txts[Math.floor(Math.random()*txts.length)];
//输出文字,注意坐标的计算
ctx.fillText(text, i*font_size, drops[i]*font_size);
if(drops[i]*font_size > c.height || Math.random() > 0.95)
drops[i] = 0;
//用于Y轴坐标增加
drops[i]++;
}
}
setInterval(draw, 33);//定时执行
}
</script>
<style>@media print {#ghostery-purple-box {display:none !important}}</style></head>
<body>
<canvas id="c" height="796" width="1136">404 error</canvas>
</body></html>
2021-12-21T12:26:15 点赞:0