首页 何问起 前端特效 htbtn-4 闪电 使用方法

jquery在线扫雷

《扫雷》是一款大众类的益智小游戏,于1992年发行。
游戏目标是在最短的时间内根据点击格子出现的数字找出所有非雷格子,同时避免踩雷。

在线试玩 http://hovertree.com/texiao/game/7/

鼠标左键标记非雷格子,右键标记地雷。如果左键点到地雷游戏失败。

这是何问起扫雷成功的一个例子:


HTML文档代码如下:

复制代码
<!DOCTYPE html>
<html>
<head>
    <meta charset=utf-8 /><meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>jQuery扫雷游戏源码下载 - 何问起</title>
    <base target="_blank" />
    <link rel="stylesheet" type="text/css" media="screen" href="http://hovertree.com/texiao/game/7/css/styles.css" />

</head>
<body>
    <div class="wrapper">
        <h1>扫雷 Minesweeper</h1>
        <div id="minesweeper">
            <ul class="level-select">
                <li><button data-level="easy">Easy</button></li>
                <li><button data-level="mid">Medium</button></li>
                <li><button data-level="hard">Hard</button></li>
            </ul>
            <div class="menu">
                <ul>
                    <li class="timer">000</li>
                    <li class="reset"><button> :) </button></li>
                    <li class="mine-count">010</li>
                </ul>
            </div>
            <div id="mine-grid"></div>
        </div>
    </div>
    <script src="http://down.hovertree.com/jquery/jquery-1.11.2.min.js"></script>
    <script type="text/javascript" src="http://hovertree.com/texiao/game/7/js/JSweeper.js"></script>

    <div style="text-align:center;margin:10px 0; font:normal 14px/24px 'MicroSoft YaHei';">
        <p>适用浏览器:360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p>
        <p>来源:<a href="http://hovertree.com/">何问起</a> <a href="http://hovertree.com/menu/texiao/">网页特效</a>
<a href="http://hovertree.com/h/bjaf/xbw6ou63.htm">代码说明</a></p>
    </div>
</body>
</html>
复制代码

推荐:http://hovertree.com/texiao/game/

http://hovertree.com/texiao/html5/33/

http://hovertree.com/game/10/

http://hovertree.com/game/

http://www.cnblogs.com/roucheng/p/texiao.html

posted @   roucheng  阅读(1436)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架
点击右上角即可分享
微信分享提示