技术博客第九周
<!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">
<center> <head><font size=7 face="新宋体" color="#3333FF" >翻牌</font>
<div id="xu"></div>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
body{background-repeat:no-repeat}
</style>
<script type="text/javascript">
var myArray=new Array();
var row=2;
var col=3;
var currImgNo=-1;
var lastImgNo=-1;
var isUsed=new Array();
var n=50;
var myTime;
var jiaf=0;
function time()
{
var a=parseInt(n/60);
var m=n%60;
var str=(String(a+100).substr(1,2)+":"+String(m+100).substr(1,2));
document.getElementById("mt").innerHTML=str;
n--;
if(n>=0)
{ myTime=setTimeout("time()",1000); }
else alert("时间到"); }
function mySort()
{ return Math.random()>.5; }
function init(row,col) {
var q= (row*col)/2;
for(var k=0;k<=(2*q);k++)
{ isUsed[k]=false; }
for(var k=0;k<q;k++)
{ myArray[k]=parseInt(Math.ceil( Math.random() *10));
myArray[k+q]=myArray[k];
}
myArray.sort(mySort);
var str='<table border="5" width="450" height="450">';
for(var i=1;i<=row;i++)
{ str +="<tr>";
for(var j=0;j<col;j++)
{ //str +="<td onclick='judge("+ ( (i-1)*col+j) +");'>" + myArray[ ((i-1)*col+j) ] +"</td>"; 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("xu").innerHTML=str;
}
function onRe()
{ document.getElementById("fx").innerHTML=jiaf;
clearTimeout(myTime);
init(row,col);
row++//document.getElementById("t1").value;
col++//document.getElementById("t2").value;
document.getElementById("next").value="下一关";
n=50;
myTime=setTimeout("time()",1000);
}
function judge(temp)
{ if(n>=0)
{
if(isUsed[temp]) return;
isUsed[temp]=true;
lastImgNo=currImgNo;
currImgNo=temp;
var currImg=document.getElementById("img_"+temp);
currImg.src="photo/image"+myArray[temp]+".gif";
if(currImgNo>=0 && lastImgNo>=0)
{
if(myArray[currImgNo]==myArray[lastImgNo])
{ currImgNo=lastImgNo=-1;
jiaf+=10;
document.getElementById("fx").innerHTML=jiaf;
} else
{ var lastImg=document.getElementById("img_"+lastImgNo);
lastImg.src="photo/image0.gif"; isUsed[lastImgNo]=false;
}
}
}
}
</script> </center> </head> <style type="text/css"> body{background-repeat:no-repeat} </style> <body background='2015062401.jpg'> <center>
<font size="5" color="#993366" face="Courier New, Courier, monospace">分数:</font> <div id="fx"></div> <div id="mt"></div> 游戏玩法:点击其中一张牌翻面,翻到相同的牌时加10分 </center> <center><input id="next" type="button" width="40" value="开始" onclick="onRe();" height="30" /> </center>
</body> </html>