您好,欢迎来到源码搜藏!分享精神,快乐你我!提示:担心找不到本站?在百度搜索“源码搜藏”,网址永远不丢失!
  • 首 页
  • 在线工具
  • 当前位置:首页 > 网页特效 > 游戏特效 >

    JavaScript五子棋

    时间:2014-06-08 23:28 来源:互联网 作者:源码搜藏 浏览:收藏 挑错 推荐 打印
    运行代码保存代码复制代码 提示:您可以先修改部分代码再运行,保存代码功能在Firefox下无效。
    • 纯JavaScript网页版五子棋游戏,代码精简,界面美观,适合学习也适合娱乐,五子棋游戏是一款很益智的游戏,很多朋友都喜欢!
    • <script type="text/javascript" language="javascript">
      function $(o){
       return document.getElementById(o);
       }
      var flag=0;
      var black="黑方"
      var witer="白方"
      function played(){
       var piece=$("main2").getElementsByTagName("span");
       for(var i=0;i<piece.length;i++){
        piece[i].onclick = function(){
         showPieces(this);
         return false
        }
       }
      }
      function showPieces(t){
       if(t.className!="wb" && t.className!="bb"){
              if(flag==0){
       t.className="wb"
       flag=1;
       panduan(witer)
       }else{
       t.className="bb"
       flag=0;
       panduan(black)
       }
      }
      }
      function panduan(te){
       $("aa").innerHTML="当前执棋:"+te
      }
      </script>
      </head>
      <body>
      <div id="aa"></div>
      <div id="main"></div>
      <div id="main2"></div>
      <script type="text/javascript" language="javascript">
       var _div=[]
       var _span=[]
       for(i=0;i<625;i++){
        _div[i]=document.createElement("div");
        _div[i].className="div"
        $("main").appendChild(_div[i])
       }
       for(j=0;j<576;j++){
        _span[j]=document.createElement("span")
        $("main2").appendChild(_span[j])
       }
       panduan(black)
       played()
      </script>
    JavaScript五子棋由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/youxitexiao/8626.html
    标签:网站源码