为了账号安全,请及时绑定邮箱和手机立即绑定

jQuery-黑白反斗棋

标签:
JQuery

         

<!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 class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="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

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消