继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

jQuery-黑白反斗棋

ajax入门学习视频
关注TA
已关注
手记 266
粉丝 80
获赞 597

         

<!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>

wKiom1dC_-Tz7RasAAA3-gw0B-U245.png

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP