在线五子棋试玩地址：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. easyui datagrid cell title换行

    " " title="' +row.TaskName + "

  2. Win10+VS2015+EF6.0+MySQL5.6+MVC环境部署和排错

    本来已经好几个月不弄专业了,今天一哥们问我问题的时候重新捣鼓了一下,就做个文档供后来人参考吧~ 1.首先安装MySQL 5.6 安装很简单我就不说了,你参考下:http://jingyan.baidu ...

  3. Android之计算缓存大小并且清空缓存

    转载博客:http://www.2cto.com/kf/201503/385492.html 项目中碰到了计算缓存大小和清空缓存的功能,这个很常见的功能,几乎每个APP都有,以为实现很简单,网上搜了一 ...

  4. HTTP的RST包与WinHttp延迟关闭TCP连接

    一.RST包也常见于断开TCP连接  几个月前用wireshark抓HTTP包发现有的网络通信在结束的时候没有使用四次握手,而是直接使用RST包.如: 在TCP协议中RST表示复位,用来异常的关闭连接 ...

  5. VS 2015 Enterprise第二大坑

    前言 继上篇文章之后,你会继续跌进大坑,这个坑困扰我一上午,同时也会让你大跌眼镜,如果你遇到了,那么恭喜你提升自身能力和解决能力的时机到了,当然你可以通过本文继续少走不必要的弯路[我也是无意中发现的捷 ...

  6. 扩展KMP算法

    一 问题定义 给定母串S和子串T,定义n为母串S的长度,m为子串T的长度,suffix[i]为第i个字符开始的母串S的后缀子串,extend[i]为suffix[i]与字串T的最长公共前缀长度.求出所 ...

  7. 【记录】WCF IIS 404

    WCF IIS 发布报"404错误": 修改 Web.config 如下: <system.webServer> <handlers> <remove ...

  8. C/C++ char a[ ] 和 char *a 的差别，改变 char *a爆内存错误的原因

    对于一些需要传入参数为 char * temp 指针类的函数: 我们定义一个 char a[10] 或char *a 传进去都是可以的. 但是, 如果该函数是会改变你所传入的参数的值时, 传入 cha ...

  9. T-SQL CROSS APPLY、MERGE

    写在前面 刚才看项目里一个存储过程,也是好长时间没有使用Sql Server2008了,好多写法和函数感觉到陌生,这就遇到了CROSS APPLY 和MERGE的语法,两者之前完全没接触过. 所以专门 ...

  10. AppCan学习笔记--数据存储及listview简单应用

    AppCan AppCan开发平台简介 AppCan是Hybrid App开发框架即混合开发框架,有官方提供底层功能使用API HTML5和JavaScript只是作为一种解析语言,真正调用的都是Na ...