jQuery-黑白反斗棋

来源：互联网发布：男士护肤品品牌知乎编辑：程序博客网时间：2024/04/29 20:10
<!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=utf-8" /><title>无标题文档</title><script src="jquery-1.8.0.js"></script>    <script>    $(function(){var t=$("<table>").appendTo("div");t.attr("border","1");for(var i=0;i<5;i++){var row=$("<tr>").appendTo(t);for(var j=0;j<5;j++){var cols=$("<td>").appendTo(row);cols.attr({height:"100",width:"100",bgColor:"#000000"});cols.attr("id",i+"-"+j);cols.click(function(){var tdidarr=this.id.split("-");var x=parseInt(tdidarr[0]);var y=parseInt(tdidarr[1]);if(document.getElementById(x+"-"+y).bgColor=="#000000"){document.getElementById(x+"-"+y).bgColor="#ffffff";}else if(document.getElementById(x+"-"+y).bgColor=="#ffffff"){document.getElementById(x+"-"+y).bgColor="#000000";}if(x-1>=0){if(document.getElementById((x-1)+"-"+y).bgColor=="#000000"){document.getElementById((x-1)+"-"+y).bgColor="#ffffff";}else if(document.getElementById((x-1)+"-"+y).bgColor=="#ffffff"){document.getElementById((x-1)+"-"+y).bgColor="#000000";} }if(x+1<=4){if(document.getElementById((x+1)+"-"+y).bgColor=="#000000"){document.getElementById((x+1)+"-"+y).bgColor="#ffffff";}else if(document.getElementById((x+1)+"-"+y).bgColor=="#ffffff"){document.getElementById((x+1)+"-"+y).bgColor="#000000";}}if(y-1>=0){if(document.getElementById(x+"-"+(y-1)).bgColor=="#000000"){document.getElementById(x+"-"+(y-1)).bgColor="#ffffff";}else if(document.getElementById(x+"-"+(y-1)).bgColor=="#ffffff"){document.getElementById(x+"-"+(y-1)).bgColor="#000000";}}if(y+1<=4){if(document.getElementById(x+"-"+(y+1)).bgColor=="#000000"){document.getElementById(x+"-"+(y+1)).bgColor="#ffffff";}else if(document.getElementById(x+"-"+(y+1)).bgColor=="#ffffff"){document.getElementById(x+"-"+(y+1)).bgColor="#000000";}}$(function(){var flag=true;for(i=0;i<5;i++){for(j=0;j<5;j++){if(document.getElementById(i+"-"+j).bgColor!="#ffffff"){flag=false;}}}if(flag){alert("你赢了！");}})});}}});    </script></head><body><div></div></body></html>
2 0