[原创]扫雷小游戏

#1 楼主 2026-06-01 21:08:59

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>经典扫雷游戏</title> <link href="841K9s2c8@1M7s2y4Q4x3@1q4Q4x3V1k6Q4x3V1k6U0k6r3&6Q4x3X3g2B7M7$3c8W2L8r3W2$3M7W2)9J5k6h3&6W2N6q4)9J5c8X3&6H3L8g2)9J5c8Y4c8S2K9h3I4%4K9h3&6V1j5%4y4K6i4K6b7H3x3W2)9J5k6e0u0Q4x3X3f1I4z5g2)9J5c8X3c8A6M7%4c8Q4x3V1k6@1j5h3W2D9N6$3W2F1k6q4)9J5k6h3#2A6L8W2)9J5k6h3y4K6M7#2)9J5y4Y4q4#2L8%4c8Q4x3@1t1`. rel="stylesheet"> <link rel="stylesheet" href="styles.css"></head><body> <div class="container mx-auto p-4 max-w-4xl"> <header class="text-center mb-6"> <h1 class="text-3xl font-bold text-gray-800">经典扫雷</h1> <div class="game-controls flex justify-center gap-4 my-4"> <select id="difficulty" class="px-3 py-2 border rounded"> <option value="easy">简单 (9×9)</option> <option value="medium">中等 (16×16)</option> <option value="hard">困难 (30×16)</option> </select> <button id="restart" class="px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600">重新开始</button> <div class="flex items-center gap-2"> <span>剩余雷数:</span> <span id="mines-count" class="text-xl font-bold">10</span> </div> <div class="flex items-center gap-2"> <span>用时:</span> <span id="timer" class="text-xl font-bold">0</span> </div> </div> </header>
<div class="game-board-container bg-white p-4 rounded-lg shadow-lg"> <div id="game-board" class="grid gap-px bg-gray-300 mx-auto"></div> </div>
<div class="game-info mt-6 p-4 bg-white rounded-lg shadow"> <h2 class="text-xl font-semibold mb-2">游戏规则</h2> <ul class="list-disc pl-5 space-y-1"> <li>左键点击揭开方块</li> <li>右键点击标记地雷</li> <li>数字表示周围8格中的地雷数量</li> <li>揭开所有非地雷方块获胜</li> </ul> </div> </div>
<div id="message-modal" class="fixed inset-0 bg-black bg-opacity-50 hidden items-center justify-center"> <div class="bg-white p-6 rounded-lg max-w-sm text-center"> <h2 id="message-title" class="text-2xl font-bold mb-2"></h2> <p id="message-content"></p> <button id="message-close" class="px-4 py-2 bg-blue-500 text-white rounded">确定</button> </div> </div>
<script src="game.js"></script></body></html>

[培训]《冰与火的战歌：Windows内核攻防实战》！从零到实战，融合AI与Windows内核攻防全技术栈，打造具备自动化能力的内核开发高手。

#其他

---
来源: 看雪论坛
原文链接: https://bbs.kanxue.com/thread-288334.htm

#2 2026-06-01 21:08:59

/* 基础样式 */
font-family: 'Arial', sans-serif;

#3 2026-06-01 21:08:59

楼主是AI辅助写的吗