在线五子棋试玩地址：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. react Props 验证 propTypes，

    <body><!-- React 真实 DOM 将会插入到这里 --><div id="example"></div> <!- ...

  2. LINQ系列：Linq to Object生成操作符

    生成操作符从现有序列值中创建新的序列. 1. Empty  Empty操作符返回一个指定类型的空集. 1>. 原型定义 public static IEnumerable<TResult& ...

  3. SQL Server中CTE的另一种递归方式-从底层向上递归

        SQL Server中的公共表表达式(Common Table Expression,CTE)提供了一种便利的方式使得我们进行递归查询.所谓递归查询方便对某个表进行不断的递归从而更加容易的获得 ...

  4. MVC5 网站开发实践 2、后台管理

    目录 MVC5 网站开发实践 概述 MVC5 网站开发实践 1.建立项目   从这一部分开始做后台管理,首先是基本框架的 一.Data项目 1.项目添加EntityFramework引用 在Data项 ...

  5. MVC5 网站开发实践 1、建立项目

    目录 MVC5 网站开发实践 概述   一.建立项目 1.建立团队项目 在办公室和家里使用不同的电脑,为了方便代码的共享将项目建立为团队项目.   如图打开vs2013→新建→团队项目(图1),会自动 ...

  6. xUnit安装及注意事项

    前言 对于单元测试,想必大家都已再熟悉不过了,同时单元测试的重要性也越发突出,在招聘中也特别强调单元测试,但是对于微软内置的单元测试还是太过于繁琐,于是都在寻找一种简洁并且更加轻量的测试工具.用的最多 ...

  7. Android自定义View 画弧形,文字,并增加动画效果

    一个简单的Android自定义View的demo,画弧形,文字,开启一个多线程更新ui界面,在子线程更新ui是不允许的,但是View提供了方法,让我们来了解下吧. 1.封装一个抽象的View类   B ...

  8. 应用程序框架实战三十六:CRUD实战演练介绍

    从本篇开始,本系列将进入实战演练阶段. 前面主要介绍了一些应用程序框架的概念和基类,本来想把所有概念介绍完,再把框架内部实现都讲完了,再进入实战,这样可以让初学者基础牢靠.不过我的精力很有限,文章进度 ...

  9. ssh整合问题总结--运行项目时报java.lang.StackOverflowError(堆栈溢出)异常

    今天在整合ssh项目中,碰到一个异常,当我提交购物车数据到订单时,浏览器报了一个这样的异常. 当时,我就吓坏了.尼玛,这不是内存溢出了吗?吓得我赶紧去检查了每一个有遍历语句的代码,结果没有发现一个死循 ...

  10. 利用GeoWebCache实现WebGIS地形图展示的缓存优化

    文章版权由作者李晓晖和博客园共有,若转载请于明显处标明出处:http://www.cnblogs.com/naaoveGIS/. 1.前言 在WebGIS中,影像金字塔是一个很重要的概念.在WebGI ...