第 1 步:打开记事本
-
按
Win + R,输入notepad,回车。 -
或者:开始菜单 → 搜索"记事本" → 打开。
第 2 步:粘贴代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hacking...</title>
<style>
* { margin:0; padding:0; box-sizing:border-box; }
body {
background:#000; color:#0f0; font-family:'Courier New',monospace;
padding:30px; font-size:15px; line-height:1.9; overflow:hidden;
}
.cursor { animation: blink 1s infinite; }
@keyframes blink { 50% { opacity:0; } }
.red { color:#f00; }
.cyan { color:#0ff; }
.yellow { color:#ff0; }
.bar { color:#0f0; }
#term { white-space:pre-wrap; }
</style>
</head>
<body>
<div id="term"></div>
<script>
const lines = [
{ t: '> 初始化入侵模块 v3.7.1 ...', d: 300 },
{ t: '> 正在扫描目标网络 192.168.1.0/24 ...', d: 600 },
{ t: '> 发现活跃主机: 192.168.1.1, 192.168.1.101, 192.168.1.102', d: 500 },
{ t: '> 尝试连接 192.168.1.1:22 ...', d: 400 },
{ t: '> SSH 握手成功,正在暴力破解密码 ...', d: 700 },
{ t: ' [████████████████████] 100%', d: 800 },
{ t: '> 密码破解成功: <span class="cyan">admin / P@ssw0rd</span>', d: 500 },
{ t: '> 正在提权 ... [<span class="cyan">成功</span>]', d: 600 },
{ t: '> 获取 root shell ...', d: 400 },
{ t: '> 正在下载数据库文件 ...', d: 500 },
{ t: ' [████████████████████] 100%', d: 800 },
{ t: '> 正在清除系统日志 ...', d: 600 },
{ t: ' [████████████████████] 100%', d: 700 },
{ t: '> 正在植入后门 ... [<span class="cyan">完成</span>]', d: 500 },
{ t: '', d: 200 },
{ t: '> <span class="red">警告:目标系统已被完全控制 😈</span>', d: 300 },
{ t: '> <span class="yellow">你的 IP 已被记录,本页面纯属娱乐</span>', d: 300 }
];
const term = document.getElementById('term');
let i = 0, j = 0, html = '';
function type() {
if (i >= lines.length) {
term.innerHTML = html + '<span class="cursor">█</span>';
return;
}
const line = lines[i].t;
const plainLen = line.replace(/<[^>]+>/g, '').length;
if (j < plainLen) {
// 逐字显示:用正则处理标签
let count = 0, result = '', inTag = false;
for (let k = 0; k < line.length; k++) {
const ch = line[k];
if (ch === '<') inTag = true;
result += ch;
if (ch === '>') inTag = false;
if (!inTag && ch !== '>') {
count++;
if (count > j) break;
}
}
term.innerHTML = html + result + '<span class="cursor">█</span>';
j++;
setTimeout(type, 30);
} else {
html += line + '<br>';
i++; j = 0;
setTimeout(type, lines[i-1].d || 300);
}
}
type();
</script>
</body>
</html>
第 3 步:另存为到桌面
点击记事本菜单:文件 → 另存为。
在弹出的窗口里:
保存位置:选择 桌面。
文件名:输入 1.html
保存类型:改成 所有文件 (.) ← 这一步很关键!
编码:选 UTF-8
点击保存。
效果图
