在线五子棋试玩地址：http://keleyi.com/game/12/

以下是完整代码，保存到html文件打开也可以玩：

 <!DOCTYPE html>

 <html>

     <head>

         <title>在线五子棋-柯乐义</title><base target="_blank" />

         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

         <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

         <link rel="stylesheet" type="text/css" href="http://keleyi.com/game/12/main.css" />

         <script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.10.2.min.js"></script>

         <script type="text/javascript" src="http://keleyi.com/game/12/locale.js"></script>

         <script type="text/javascript" src="http://keleyi.com/game/12/gomoku.js"></script>

         <script type="text/javascript">

             var turn = 1, role = ['AI', 'human'];

             $(function () {

                 var gomoku = new Gomoku();

                 gomoku.init(role[turn]);

                 //turn = turn === 0 ? 1 : 0;

                 $('#restart').click(function () {

                     gomoku.restart.call(gomoku, role[turn]);

                     // turn = turn === 0 ? 1 : 0;

                 });

                 $('#regret').click(function () {

                     gomoku.regret.call(gomoku);

                 });

             });

         </script>

     </head>

     <body>

         <div id="toolbar">

             <div class="top">

                 <span class="switch-lang">

                     <a href="javascript:;" id="zh-cn">简体中文</a>

                     <a href="javascript:;" id="en">English</a>

                 </span>

                 <span class="copy">

                   &copy;<a href="http://keleyi.com/">柯乐义</a>

                 </span>

             </div>

             You: Black, AI: White, Round: <span  id="round">0</span>

             <button id="restart">Restart</button>

             <button id="regret">Regret</button>

         </div>

         <div id="output"></div>

         <div id="main" ></div>

         <div style="width:736px;margin:10px auto;clear:both;position:absolute;top:560px;left:0px;right:0px;"><a href="http://keleyi.com/game/">更多游戏</a></div>

     </body>

 </html>

更多游戏：http://keleyi.com/game/

web前端：http://www.cnblogs.com/jihua/p/webfront.html

原文：http://keleyi.com/a/bjad/j2a309yk.htm

jquery在线五子棋的更多相关文章

  1. Jquery在线引用地址

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

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

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

  3. jquery在线手册

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

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

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

  5. JQuery 在线参考手册

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

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

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

  7. JQuery 在线编辑器和手册

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

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

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

  9. BootStrap jQuery 在线cdn

    Bootstrap 3.3.0 js 文件 <script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.j ...

随机推荐

  1. Java 超简单实现发送邮件（可动态控制发送人数）

    发送邮件的实现 需要事先引入以下几个架包,最重要的架包是jodd-3.7这个 以上架包下载地址:http://pan.baidu.com/s/1kVs7Tyv  提取密码:h22x 新建一个Util类 ...

  2. Segmentation fault (core dumped)

    问题: 在Linux中实现快速排序时,没有加入终止条件,结果出现Segmentation fault (core dumped)这个问题,Segmentation fault (core dumped ...

  3. cookie属性详解

    在chrome控制台中的resources选项卡中可以看到cookie的信息. 一个域名下面可能存在着很多个cookie对象. name字段为一个cookie的名称. value字段为一个cookie ...

  4. UWP开发之Mvvmlight实践一：如何在项目中添加使用Mvvmlight(图文详解)

    最近一直在做UWP开发,为了节省成本等等接触到MVVMlight,觉得有必要发点时间研究它的用法与实现原理才行.如果有问题的地方或者有好的建议欢迎提出来. 随着移动开发的热门,Mvvmlight在An ...

  5. GROUP函数-GROUP_ID,GROUPING,GROUPING_ID

    GROUP_ID 首先我们看看官方的解释: 大意是GROUP_ID用于区分相同分组标准的分组统计结果. 解释起来比较抽象,下面我们来看看具体的案例. 例1:单一分组 SQL> select gr ...

  6. DevExpress控件安装、汉化使用教程

    前言 DevExpress是一个庞大的控件库,也很是好用(没用过,听说),但是要收费. 网上关于DevExpress的教程满天飞,我找了一下午也没找到正确的安装.简单实用教程,还是自己摸索吧. 自己动 ...

  7. jQuery中的Sizzle引擎分析

    我分析的jQuery版本是1.8.3.Sizzle代码从3669行开始到5358行,将近2000行的代码,这个引擎的版本还是比较旧,最新的版本已经到v2.2.2了,代码已经超过2000行了.并且还有个 ...

  8. 使用RMAN创建复制数据库

    我的实验环境: - 源数据库A机: RHEL6.4 + Oracle 11.2.0.4 IP地址:192.168.99.159 db_name=oradb 数据库已正常运行 - 复制数据库B机: RH ...

  9. ssh整合问题总结--使用HibernateTemplate实现数据分页展示

    在进行大量的数据展示时,必须要使用分页查询,第一次使用在SSH框架整合中使用分页查询,遇到了一些问题,下面以我练习的项目为例详细介绍,如何在Spring+hibernate(+action)的环境下完 ...

  10. js做通讯录的索引滑动显示效果和滑动显示锚点效果

    只做实现..完全没考虑性能优化.所以我实现了以后特别卡. 第一个是在通讯录右边的索引条上进行滑动,滑动到相应字母就跳转到相应字母的锚点上. 思路:监听touchmove事件,获取clientX和cli ...