全屏黑客终端(自动入侵 + 进度条)

第 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

点击保存。

效果图

相关推荐
htzyl2062 天前
前端阶梯——第四十三章、实战二:待办清单To-Do
前端·javascript·html
程序员大阳2 天前
HTML+CSS+JS对话式实战(1)-开篇:认识我们要做的社团活动发布平台
javascript·css·html·实战·系统·平台·社团活动发布
一支蜉蝣2 天前
Day26 XD安全学习笔记--PHP 应用&模版引用&Smarty渲染&MVC 模型&数据联动&RCE 安全
笔记·网络安全·html·php
用户298698530142 天前
Python 将 Markdown 批量转为 HTML:单文件与目录遍历两种实现
python·html·markdown
钱栈up2 天前
热榜上手|HyperFrames:写HTML出MP4
前端·html
幸运小猿3 天前
模拟慢上传-处理超时重试image 丢失线上问题
前端·javascript·html
轻松西西莱尔3 天前
谷歌+斯坦福+CMU 等五家 203 页综述,我做了个HTML把主动式AI的边界跑给你看
前端·html·agent
MaAidan3 天前
用 Agent 排查线上问题:SLS 日志分析 + DB/Redis 数据验证,一条链路搞清楚
前端·bootstrap·html
砚凝霜3 天前
保姆级 | CTF Lemon:禁用右键/F12 怎么破?查看源码 + HTML 注释拿 flag
前端·html
普通人63 天前
Web端3D模型加载实战指南_Vue3_uni-app_HTML
前端·javascript·uni-app·html