《扫雷》是一款大众类的益智小游戏，于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

jquery在线扫雷的更多相关文章

  1. 基于jQuery经典扫雷游戏源码

    分享一款基于jQuery经典扫雷游戏源码.这是一款网页版扫雷小游戏特效代码下载.效果图如下: 在线预览   源码下载 实现的代码. html代码: <center> <h1>j ...

  2. Jquery在线引用地址

    Jquery在线引用地址: 1. 很多网站都是使用这种方式引入,客户的浏览器可能已经缓存过了 jquery.可以直接调用本地的,速度更快… 2. Google code 使用了 cdn 技术在很多地方 ...

  3. 鼠标滑过弹出jquery在线客服

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  4. jquery在线手册

    开发时用到jquery,有几个函数想不起来怎么用,找了一下jquery在线手册. 记录一下,下回有需要再看看. 链接:http://www.chenfahui.cn/jq/

  5. jQuery在线选座订座（影院篇）

    原文:jQuery在线选座订座(影院篇) 我们在线购票时(如电影票.车票等)可以自己选座.开发者会在页面上列出座次席位,用户可以一目了然的看到可以选择的座位及支付.本文以电影院购票为例,为您展示如何选 ...

  6. JQuery 在线参考手册

    官方JQuery API  http://api.jquery.com/ 在线参考手册    http://www.w3school.com.cn/jquery/index.asp 在线参考手册1   ...

  7. 基于jQuery在线问卷答题系统代码

    分享一款基于jQuery在线问卷答题系统代码是一款实用的jQuery答题插件,点击下一题切换带有淡入淡出效果.实现的效果图如下: 在线预览   源码下载 实现的代码. html代码: <div ...

  8. JQuery 在线编辑器和手册

    JQuery 在线编辑器 JQuery 在线编辑器 JQuery 菜鸟教程 手册 JQuery 菜鸟教程 手册

  9. jQuery在线选座订座（高铁版）

    除了电影院在线选座,我们还会接触到飞机机舱选座,当然也有汽车票火车票选座的.假如有一天买火车票也提供在线选座,那么今天我来给大家介绍下如何使用jQuery选座插件完成高铁列车座位布置.选座.不同等级座 ...

随机推荐

  1. ASP.NET Core 中文文档 第四章 MVC（3.7 ）局部视图（partial）

    原文:Partial Views 作者:Steve Smith 翻译:张海龙(jiechen).刘怡(AlexLEWIS) 校对:许登洋(Seay).何镇汐.魏美娟(初见) ASP.NET Core ...

  2. JavaWeb——ServletContext

    一.基本概念 说起ServletContext,一些人会产生误解,以为一个servlet对应一个ServletContext.其实不是这样的,事实是一个web应用对应一个ServletContext, ...

  3. 基于fis3的组件可视化道路

    首先说明一下,即使不熟悉fis3,阅读文本应该也会有所收获. 本文以fis-parser-imweb-tplv2插件为模板插件,目的不在于使用哪个模板,而是组件可视化的实现思路,不必担心. 先说说模板 ...

  4. Java 进阶 hello world! - 中级程序员之路

    Java 进阶 hello world! - 中级程序员之路 Java是一种跨平台的语言,号称:"一次编写,到处运行",在世界编程语言排行榜中稳居第二名(TIOBE index). ...

  5. Firebug中调试中的js脚本中中文内容显示为乱码

    Firebug中调试中的js脚本中中文内容显示为乱码 设置 页面 UFT-8 编码没用, 解决方法:点击 "Firebug"工具栏 中的"选项"---" ...

  6. Jexus 服务器部署导航

    说明:本索引只是方便本人查找,不涉及版权问题,所有博客,还是到元博客地址访问. <script async src="//pagead2.googlesyndication.com/p ...

  7. 【腾讯Bugly干货分享】动态链接库加载原理及HotFix方案介绍

    本文来自于腾讯bugly开发者社区,非经作者同意,请勿转载,原文地址:http://dev.qq.com/topic/57bec216d81f2415515d3e9c 作者:陈昱全 引言 随着项目中动 ...

  8. 新应用上线 Snippet

    Snippet 是一款代码片段收集工具,经过一天三夜的开发终于上线了. 应用地址:snippets.barretlee.com 源码地址:barretlee/snippets 由于使用原生 JS 开发 ...

  9. MySQL对时间戳的转换处理

    开发中很多时候在数据库里都会存储Long类型的时间戳,而时间戳做比对会相对麻烦 我的绝决方案: SELECT FROM_UNIXTIME(LEFT(create_time,10), '%Y-%m-%d ...

  10. 基本数据结构(2)——算法导论(12)

    1. 引言     这一篇博文主要介绍链表(linked list),指针和对象的实现,以及有根树的表示. 2. 链表(linked list) (1) 链表介绍      我们在上一篇中提过,栈与队 ...