JavaScript五子棋網頁游戲代碼

2024-09-05 12:20:54

字體：大中小

來源：轉載

供稿：網友

純JavaScript網頁版五子棋游戲，代碼精簡，界面美觀，適合學習也適合娛樂，五子棋游戲是一款很益智的游戲，很多朋友都喜歡！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>網頁游戲五子棋</title><style>*{ margin:0; padding:0;}#main{ width:502px; height:502px; border-top:#555 solid 1px; border-right:#555 solid 1px; background-color:#CCC; margin:0px auto; position:absolute; z-index:1;}#main .div{ width:19px; height:19px; border-bottom:#555 solid 1px; border-left:#555 solid 1px; float:left; display:inline; line-height:19px;}#main2{ position:absolute; z-index:2; padding:10px; width:480px; height:480px;}#main2 span{ width:20px; height:20px; display:block; float:left; cursor:pointer;       line-height:20px; font-size:1px;}#main2 span.wb{ background:url(/jscss/demoimg/200901/jMpx.gif) no-repeat;}#main2 span.bb{ background:url(/jscss/demoimg/200901/lq.gif) no-repeat;}#aa{ text-align:center; height:36px; line-height:36px; font-size:17px;}</style><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   class="iwvjtn8m0"   id="aa"></div><div   class="iwvjtn8m0"   id="main"></div><div   class="iwvjtn8m0"   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></body></html>

上一篇：JavaScript寫的簡單21點游戲

下一篇：反應能力測試游戲，你能堅持多久？