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

第 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

点击保存。

效果图

相关推荐
燕落南枝1 小时前
HTML 学习笔记:从基础到音频标签
笔记·学习·html
java1234_小锋13 小时前
【技术专题】HTML5 网页技术 - HTML5简介 & HTML5 文档结构
前端·html·html5
keyipatience19 小时前
JS学习笔记(2)数组,函数,作用域,对象
前端·javascript·笔记·学习·html
java1234_小锋21 小时前
【技术专题】HTML5 网页技术 - HTML5 列表标签
前端·html·html5
data analyse 4561 天前
前端白屏问题按路由和资源加载顺序定位
大数据·前端·人工智能·数据分析·html
软件技术NINI1 天前
美妆商城html+Css+js 4页
javascript·css·html
软件技术NINI2 天前
化妆品html+css+js 7页
javascript·css·html
java1234_小锋2 天前
【技术专题】HTML5 网页技术 - HTML5 链接与图片
前端·html·html5
java1234_小锋2 天前
【技术专题】HTML5 网页技术 - HTML5 文本与排版标签
前端·html·html5