ajax入门学习视频
2018-10-24 22:20:43浏览 793
<!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>