https://esu.team/index.php?action=history&feed=atom&title=%E7%94%A8%E6%88%B7%3AVvfather
用户:Vvfather - 版本历史
2026-10-23T02:29:55Z
本wiki上该页面的版本历史
MediaWiki 1.43.9
https://esu.team/index.php?title=%E7%94%A8%E6%88%B7:Vvfather&diff=8619&oldid=prev
2025年9月12日 (五) 15:52 Vvfather
2025-09-12T15:52:50Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="zh-Hans-CN">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">←上一版本</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">2025年9月12日 (五) 15:52的版本</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">第1行：</td>
<td colspan="2" class="diff-lineno">第1行：</td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"><h1>前方无可窥探</h1></ins></div></td></tr>
<!-- diff cache key my_wiki:diff:1.41:old-8618:rev-8619:php=table -->
</table>
Vvfather
https://esu.team/index.php?title=%E7%94%A8%E6%88%B7:Vvfather&diff=8618&oldid=prev
Vvfather：清空全部内容
2025-09-12T15:52:42Z
<p>清空全部内容</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="zh-Hans-CN">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">←上一版本</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">2025年9月12日 (五) 15:52的版本</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">第1行：</td>
<td colspan="2" class="diff-lineno">第1行：</td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"><nowiki><h1>前方无可窥探</h1></nowiki></del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<!-- diff cache key my_wiki:diff:1.41:old-8617:rev-8618:php=table -->
</table>
Vvfather
https://esu.team/index.php?title=%E7%94%A8%E6%88%B7:Vvfather&diff=8617&oldid=prev
2025年9月12日 (五) 15:52 Vvfather
2025-09-12T15:52:32Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="zh-Hans-CN">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">←上一版本</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">2025年9月12日 (五) 15:52的版本</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">第1行：</td>
<td colspan="2" class="diff-lineno">第1行：</td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"><nowiki><h1>前方无可窥探</h1></nowiki></ins></div></td></tr>
<!-- diff cache key my_wiki:diff:1.41:old-8616:rev-8617:php=table -->
</table>
Vvfather
https://esu.team/index.php?title=%E7%94%A8%E6%88%B7:Vvfather&diff=8616&oldid=prev
Vvfather：清空全部内容
2025-09-12T15:51:33Z
<p>清空全部内容</p>
<a href="https://esu.team/index.php?title=%E7%94%A8%E6%88%B7:Vvfather&diff=8616&oldid=8615">显示更改</a>
Vvfather
https://esu.team/index.php?title=%E7%94%A8%E6%88%B7:Vvfather&diff=8615&oldid=prev
2025年9月12日 (五) 15:51 Vvfather
2025-09-12T15:51:23Z
<p></p>
<a href="https://esu.team/index.php?title=%E7%94%A8%E6%88%B7:Vvfather&diff=8615&oldid=8614">显示更改</a>
Vvfather
https://esu.team/index.php?title=%E7%94%A8%E6%88%B7:Vvfather&diff=8614&oldid=prev
Vvfather：清空全部内容
2025-09-12T15:51:06Z
<p>清空全部内容</p>
<a href="https://esu.team/index.php?title=%E7%94%A8%E6%88%B7:Vvfather&diff=8614&oldid=8613">显示更改</a>
Vvfather
https://esu.team/index.php?title=%E7%94%A8%E6%88%B7:Vvfather&diff=8613&oldid=prev
Vvfather：创建页面，内容为“<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>神秘的人 - 炫酷展示</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { background: #000; min-height: 100vh;…”
2025-09-12T15:50:41Z
<p>创建页面，内容为“<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>神秘的人 - 炫酷展示</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { background: #000; min-height: 100vh;…”</p>
<p><b>新页面</b></p><div><!DOCTYPE html><br />
<br />
<html lang="zh-CN"><br />
<br />
<head><br />
<br />
<meta charset="UTF-8"><br />
<br />
<meta name="viewport" content="width=device-width, initial-scale=1.0"><br />
<br />
<title>神秘的人 - 炫酷展示</title><br />
<br />
<style><br />
<br />
* {<br />
<br />
margin: 0;<br />
<br />
padding: 0;<br />
<br />
box-sizing: border-box;<br />
<br />
}<br />
<br />
<br />
<br />
body {<br />
<br />
background: #000;<br />
<br />
min-height: 100vh;<br />
<br />
display: flex;<br />
<br />
justify-content: center;<br />
<br />
align-items: center;<br />
<br />
overflow: hidden;<br />
<br />
font-family: 'Arial', sans-serif;<br />
<br />
}<br />
<br />
<br />
<br />
.container {<br />
<br />
position: relative;<br />
<br />
width: 100%;<br />
<br />
height: 100vh;<br />
<br />
display: flex;<br />
<br />
justify-content: center;<br />
<br />
align-items: center;<br />
<br />
}<br />
<br />
<br />
<br />
/* 粒子画布 */<br />
<br />
#particles {<br />
<br />
position: absolute;<br />
<br />
top: 0;<br />
<br />
left: 0;<br />
<br />
width: 100%;<br />
<br />
height: 100%;<br />
<br />
z-index: 1;<br />
<br />
}<br />
<br />
<br />
<br />
/* 文字样式 */<br />
<br />
.text {<br />
<br />
position: relative;<br />
<br />
z-index: 2;<br />
<br />
font-size: 8vw;<br />
<br />
font-weight: 900;<br />
<br />
text-transform: uppercase;<br />
<br />
color: transparent;<br />
<br />
-webkit-text-stroke: 2px #0ff;<br />
<br />
text-shadow: 0 0 10px #0ff, <br />
<br />
0 0 20px #0ff, <br />
<br />
0 0 40px #0ff, <br />
<br />
0 0 80px #0ff;<br />
<br />
animation: pulsate 2s infinite alternate;<br />
<br />
transform-style: preserve-3d;<br />
<br />
transition: transform 0.5s;<br />
<br />
}<br />
<br />
<br />
<br />
.text::before {<br />
<br />
content: attr(data-text);<br />
<br />
position: absolute;<br />
<br />
top: 0;<br />
<br />
left: 0;<br />
<br />
width: 100%;<br />
<br />
height: 100%;<br />
<br />
color: #0ff;<br />
<br />
z-index: -1;<br />
<br />
filter: blur(15px);<br />
<br />
}<br />
<br />
<br />
<br />
.text::after {<br />
<br />
content: attr(data-text);<br />
<br />
position: absolute;<br />
<br />
top: 0;<br />
<br />
left: 0;<br />
<br />
width: 100%;<br />
<br />
height: 100%;<br />
<br />
color: #0ff;<br />
<br />
z-index: -2;<br />
<br />
filter: blur(30px);<br />
<br />
}<br />
<br />
<br />
<br />
/* 动画效果 */<br />
<br />
@keyframes pulsate {<br />
<br />
0% {<br />
<br />
text-shadow: 0 0 10px #0ff, <br />
<br />
0 0 20px #0ff, <br />
<br />
0 0 40px #0ff, <br />
<br />
0 0 80px #0ff;<br />
<br />
opacity: 0.8;<br />
<br />
}<br />
<br />
100% {<br />
<br />
text-shadow: 0 0 5px #0ff, <br />
<br />
0 0 10px #0ff, <br />
<br />
0 0 20px #0ff, <br />
<br />
0 0 40px #0ff,<br />
<br />
0 0 80px #0ff,<br />
<br />
0 0 160px #0ff;<br />
<br />
opacity: 1;<br />
<br />
}<br />
<br />
}<br />
<br />
<br />
<br />
@keyframes rotate {<br />
<br />
0% {<br />
<br />
transform: perspective(1000px) rotateY(0deg);<br />
<br />
}<br />
<br />
100% {<br />
<br />
transform: perspective(1000px) rotateY(360deg);<br />
<br />
}<br />
<br />
}<br />
<br />
<br />
<br />
/* 悬停效果 */<br />
<br />
.text:hover {<br />
<br />
transform: perspective(1000px) rotateY(20deg) scale(1.1);<br />
<br />
}<br />
<br />
<br />
<br />
/* 响应式设计 */<br />
<br />
@media (max-width: 768px) {<br />
<br />
.text {<br />
<br />
font-size: 12vw;<br />
<br />
}<br />
<br />
}<br />
<br />
</style><br />
<br />
</head><br />
<br />
<body><br />
<br />
<nowiki><div class="container"></nowiki><br />
<br />
<canvas id="particles"></canvas><br />
<br />
<nowiki><div class="text" data-text="神秘的人">神秘的人</div></nowiki><br />
<br />
<nowiki></div></nowiki><br />
<br />
<script><br />
<br />
// 粒子动画<br />
<br />
document.addEventListener('DOMContentLoaded', function() {<br />
<br />
const canvas = document.getElementById('particles');<br />
<br />
const ctx = canvas.getContext('2d');<br />
<br />
let particlesArray = [];<br />
<br />
<br />
<br />
// 设置画布尺寸<br />
<br />
function setCanvasSize() {<br />
<br />
canvas.width = window.innerWidth;<br />
<br />
canvas.height = window.innerHeight;<br />
<br />
}<br />
<br />
setCanvasSize();<br />
<br />
window.addEventListener('resize', setCanvasSize);<br />
<br />
<br />
<br />
// 粒子类<br />
<br />
class Particle {<br />
<br />
constructor() {<br />
<br />
this.x = Math.random() * canvas.width;<br />
<br />
this.y = Math.random() * canvas.height;<br />
<br />
this.size = Math.random() * 2 + 1;<br />
<br />
this.speedX = Math.random() * 3 - 1.5;<br />
<br />
this.speedY = Math.random() * 3 - 1.5;<br />
<br />
this.color = `hsl(${Math.random() * 60 + 180}, 100%, 70%)`;<br />
<br />
}<br />
<br />
<br />
<br />
update() {<br />
<br />
this.x += this.speedX;<br />
<br />
this.y += this.speedY;<br />
<br />
<br />
<br />
if (this.x > canvas.width || this.x < 0) {<br />
<br />
this.speedX = -this.speedX;<br />
<br />
}<br />
<br />
if (this.y > canvas.height || this.y < 0) {<br />
<br />
this.speedY = -this.speedY;<br />
<br />
}<br />
<br />
}<br />
<br />
<br />
<br />
draw() {<br />
<br />
ctx.fillStyle = this.color;<br />
<br />
ctx.beginPath();<br />
<br />
ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);<br />
<br />
ctx.fill();<br />
<br />
}<br />
<br />
}<br />
<br />
<br />
<br />
// 初始化粒子<br />
<br />
function init() {<br />
<br />
particlesArray = [];<br />
<br />
const numberOfParticles = (canvas.width * canvas.height) / 9000;<br />
<br />
<br />
<br />
for (let i = 0; i < numberOfParticles; i++) {<br />
<br />
particlesArray.push(new Particle());<br />
<br />
}<br />
<br />
}<br />
<br />
<br />
<br />
// 连接粒子<br />
<br />
function connect() {<br />
<br />
const maxDistance = 100;<br />
<br />
for (let a = 0; a < particlesArray.length; a++) {<br />
<br />
for (let b = a; b < particlesArray.length; b++) {<br />
<br />
const dx = particlesArray[a].x - particlesArray[b].x;<br />
<br />
const dy = particlesArray[a].y - particlesArray[b].y;<br />
<br />
const distance = Math.sqrt(dx * dx + dy * dy);<br />
<br />
<br />
<br />
if (distance < maxDistance) {<br />
<br />
ctx.strokeStyle = `hsla(180, 100%, 70%, ${1 - distance/maxDistance})`;<br />
<br />
ctx.lineWidth = 1;<br />
<br />
ctx.beginPath();<br />
<br />
ctx.moveTo(particlesArray[a].x, particlesArray[a].y);<br />
<br />
ctx.lineTo(particlesArray[b].x, particlesArray[b].y);<br />
<br />
ctx.stroke();<br />
<br />
}<br />
<br />
}<br />
<br />
}<br />
<br />
}<br />
<br />
<br />
<br />
// 动画循环<br />
<br />
function animate() {<br />
<br />
ctx.clearRect(0, 0, canvas.width, canvas.height);<br />
<br />
<br />
<br />
for (let i = 0; i < particlesArray.length; i++) {<br />
<br />
particlesArray[i].update();<br />
<br />
particlesArray[i].draw();<br />
<br />
}<br />
<br />
<br />
<br />
connect();<br />
<br />
requestAnimationFrame(animate);<br />
<br />
}<br />
<br />
<br />
<br />
init();<br />
<br />
animate();<br />
<br />
<br />
<br />
// 添加鼠标交互<br />
<br />
let mouseX = 0;<br />
<br />
let mouseY = 0;<br />
<br />
let mouseRadius = 50000;<br />
<br />
<br />
<br />
canvas.addEventListener('mousemove', function(e) {<br />
<br />
mouseX = e.x;<br />
<br />
mouseY = e.y;<br />
<br />
<br />
<br />
// 鼠标附近的粒子被推开<br />
<br />
for (let i = 0; i < particlesArray.length; i++) {<br />
<br />
const dx = particlesArray[i].x - mouseX;<br />
<br />
const dy = particlesArray[i].y - mouseY;<br />
<br />
const distance = Math.sqrt(dx * dx + dy * dy);<br />
<br />
<br />
<br />
if (distance < mouseRadius) {<br />
<br />
const force = (mouseRadius - distance) / mouseRadius;<br />
<br />
const angle = Math.atan2(dy, dx);<br />
<br />
const moveX = Math.cos(angle) * force * 10;<br />
<br />
const moveY = Math.sin(angle) * force * 10;<br />
<br />
<br />
<br />
particlesArray[i].x += moveX;<br />
<br />
particlesArray[i].y += moveY;<br />
<br />
}<br />
<br />
}<br />
<br />
});<br />
<br />
});<br />
<br />
</script><br />
<br />
</body><br />
<br />
</html></div>
Vvfather