Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@zjnautoz
zjnautoz authored Jan 18, 2024
1 parent ba5d62c commit 4ed39e4
Show file tree
Hide file tree
Showing 6 changed files with 370 additions and 69 deletions.
98 changes: 98 additions & 0 deletions 404.php
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,98 @@
<!DOCTYPE html>
<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="black">
<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>404</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 = "0123456789!:'?/-_=+[]\|qwertyuiopasdfghjklzxcvbnm";
//转换为数组
txts = txts.split("");
var font_size = 16;
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.05)";
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);
//如果绘满一屏或随机数大于0.95（此数可自行调整，效果会不同）
if(drops[i]*font_size > c.height || Math.random() > 0.95)
drops[i] = 0;
//用于Y轴坐标增加
drops[i]++;
}
}
setInterval(draw, 33);//定时执行
}
</script>
</head>
<body>
<canvas id="c">很抱歉，您的浏览器不支持该功能！</canvas>
</body>
</html>
86 changes: 86 additions & 0 deletions dh.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,86 @@
.header{
width: 100%;
height: 100px;
background-color: rgb(207, 238, 238);
position: relative;
}

.container{
width: 1226px;
height: 20px;
margin: 0 auto;
}

.header .logo{
float: left;
margin-top: 25px;
}

.logo a{
display: block;
width: 150px;
height: 150px;
}

.header .list{
float: left;
width: 820px;
height: 88px;
padding: 12px 0 0 30px;
}

clearfix::after{
content: '';
clear: both;
display: block;
}

a{
text-decoration: none;
}

.header li{
float: left;
list-style: none;
}

.list li{
padding: 28px 10px 38px ;
display: block;
color: rgb(68, 57, 5);
}

.search{
float: right;
width: 296px;
margin-top: 10px;
position: absolute;
top: 28px;
right: 53px;
}
.search form{
height: 50px;
width: 296px;
}

.content1{
display: block;
width: 223px;
height: 48px;
border: 1px solid #e0e0e0;
padding: 0 10px;
float:right;

}

.search1{
width: 49px;
height: 49px;
float: right;
}

.list li:hover{
color: rgb(168, 81, 81);
font-size: larger;
}

142 changes: 73 additions & 69 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,69 +1,73 @@
<!DOCTYPE >
<html>


<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdn.retiehe.com/cached-bc3bbc92e8fd81ff7ee81cf54ead9859/zjn/dh.css">
<link rel="shortcut icon" href="https://i.postimg.cc/JzBjGXS4/logo.png">

</head><body>
<div class="header">
<div class="container" clearfix>
<div class="logo">
<a href="#">
<img src="https://i.postimg.cc/JzBjGXS4/logo.png" width="81" alt="logo">
</a>
</div>
<ul class="list">
<li>
<a href="index.html">个人主页</a>
</li>
<li>
<a href="jc.html">教程</a>
</li>
<li>
<a href="yx.html">游戏</a>
</li>
<li>
<a href="zd.html">其它站点</a>
</li>

</ul>

</div>

</div>
</body>
</html><html><body>

<title>小逮逮的个人主页</title>
<h6>.</h6>
<h1 class="site-title"><font color="#ff8800">小逮逮的个人主页</font></h1>
<h2 style="font-size:30px" class="site-title">hi，你好呀这里是小逮逮的个人主页哦</h2>
<p>我做的所有东西都在这哦</p>
<a href="https://zjn.rth1.one/404.html"><h5><font color="#fa0000"><marquee><i>访问404页有惊喜哦</i></marquee></font></h5></a>
<style>
div class="yf"{
border: 2px solid #a1a1a1;
padding: 10px 40px;
background: #dddddd;
width: 300px;
border-radius: 25px;
}
</style>



<yf><a href="https://github.com/0zjn0123">我在github的个人主页</a>
<br>
<a href="https://www.ccw.site/student/5a39e364eb0a197bb553dd82">我在共创世界个人主页</a> </yf>

<br>
<iframe src="https://www.ccw.site/detail/6347faf0051e8c09356bf210?accessKey=53dd82&inviteCode=GD3MaVPaWHBjCSD8" width="580" height="370"></iframe>
<br>
<iframe src="https://www.ccw.site/detail/633972ccd1af5573cef3b43f?accessKey=53dd82&inviteCode=Op61LK22QqC9Z4p6" width="580" height="370"></iframe>

</body></html>
<!doctype>
<html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="dh.css">
<link rel="shortcut icon" href="https://i.postimg.cc/JzBjGXS4/logo.png">
</head>
<body>
<div class="header">
<div class="container" clearfix>
<div class="logo">
<a href="#">
<img src="https://i.postimg.cc/JzBjGXS4/logo.png" width="81" alt="logo">
</a>
</div>
<ul class="list">
<li>
<a href="index.html">个人主页</a>
</li>
<li>
<a href="jc.php">教程</a>
</li>
<li>
<a href="yx.php">游戏</a>
</li>
<li>
<a href="zd.php">其它站点</a>
</li>

</ul>

</div>

</div>
</body>
</html>



<body>
<body bgcolor="#E6E6FA">
<title>小逮逮的个人主页</title>
<h6>.</h6>
<h1 class="site-title"><font color="#ff8800">小逮逮的个人主页</font></h1>
<h2 style="font-size:30px" class="site-title">hi，你好呀这里是小逮逮的个人主页哦</h2>
<p>我做的所有东西都在这哦</p>
<a href="https://bibl.love/gua/auto/404.php"><h5><font color="#fa0000"><marquee><i>访问404页有惊喜哦</i></marquee></h5></a>
<style>
div class="yf"{
border: 2px solid #a1a1a1;
padding: 10px 40px;
background: #dddddd;
width: 300px;
border-radius: 25px;
}
</style>
</head>
<body>

<yf><a href="https://github.com/0zjn0123">我在github的个人主页</a>
<br>
<a href="https://www.ccw.site/student/5a39e364eb0a197bb553dd82">我在共创世界个人主页</a> </yf>
</body>
<br>
<iframe src="https://www.ccw.site/detail/6347faf0051e8c09356bf210?accessKey=53dd82&inviteCode=GD3MaVPaWHBjCSD8" width="580" height="370"></iframe>
<br>
<iframe src="https://www.ccw.site/detail/633972ccd1af5573cef3b43f?accessKey=53dd82&inviteCode=Op61LK22QqC9Z4p6" width="580" height="370"></iframe>
<body>
</html>
Loading

0 comments on commit 4ed39e4

Please sign in to comment.