标签：
| 周数 | 专业目标学习 | 专业学习时间 | 博客发表量 | 人文方面的学习 | 知识技能总结 |
| 7 | 数据结构与算法，HTML，计算机网络基础 | 平均2小时/天 | 5 |
《office及常用软件》 《会聊才有好人缘》 |
这周数据结构学习了树的存储结构，前面的知识点忘了很多，HTML学了编写小游戏，不过自己还是很不足。下面是代码。 |
<!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 type="text/javascript" >
var myarr=new Array(30);
var curr=-1;
var last=-1;
var row=3;
var col=4;
var isUsed=new Array;
var count=0;
var n;
function f()
{
function mysort()
{
return Math.random()>.5;
}
n=(row*col)/2;
for(var k=0;k<n;k++)
{
myarr[k]=Math.ceil((Math.random()*17)+1);
//myarr[k]=( Math.round( Math.random()*5 )+1);
myarr[k+n]=myarr[k];
}
for(var k=0;k<2*n;k++)
{
isUsed[k]=false;
}
myarr.sort(mysort);
var str;
str="<table border=‘1‘ width=‘300‘ height=‘300‘ style=\"margin-left:30%;margin-top:100px\">";
for(var i=1;i<=row;i++)
{
str+="<tr>";
for(var j=0;j<col;j++)
{
str+="<td onclick=‘judge("+ ((i-1)*col +j )+");‘>"
str+="<img id=‘img_"+ ((i-1)*col +j )+"‘ src=‘photo/image0.gif‘/>"
str+="</td>";
}
str+="</tr>";
}
str+="</table>";
document.getElementById("w").innerHTML=str;
}
function onre()
{
// var row=document.getElementById("t1").value;
//var col=document.getElementById("t2").value;
f();
}
function judge(temp)
{
if(isUsed[temp])
return;
isUsed[temp]=true;
last=curr;
curr=temp;
var currImg=document.getElementById("img_"+temp);
currImg.src="photo/image"+myarr[temp]+".gif";
//alert(myArray[temp]);
if(last>=0){
if(myarr[curr]==myarr[last])
{
last=-1;
curr=-1;
count++;
if(count==n)
{
if(n==15){
alert("通关成功!");
return;
}
alert("下一关");
var str="";
count=0;
col++;
row++;
f();
//var str=‘<input type="button" value="生产表格" onClick="createTable();"/>‘;
}
}
else
{
currImg=document.getElementById("img_"+last);
currImg.src="photo/image0.GIF";
isUsed[last]=false;
}
}
}
</script>
</head>
<body id="w" style="background:url(photo/image19.jpg)">
<input type="button" onclick="onre();" value="开始游戏"/>
<div id="mt2">test2</div>
</body>
</html>
标签：
原文地址：http://www.cnblogs.com/1206wyk/p/5418767.html
