码迷,mamicode.com
首页 > 其他好文 > 详细

周总结

时间:2016-04-07 20:39:57      阅读:198      评论:0      收藏:0      [点我收藏+]

标签:

这周学习最多还是HTML 在制作一款小游戏,感觉挺有趣的。C语言不是很懂。

这是小游戏的代码都还没完成,还要加限制时间和进入下一关还有开始的设计才是成功的

<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 currImg1=-1;
var lastImg1=-1;
var n;
var count=0;
var isUsed= new Array;

var myArray=new Array(13);


function mySort()
{
return Math.random()>.5;
}

function init(row, col)
{
var n=(row*col)/2;
for(var k=0;k<(n*2);k++)
{

isUsed[k]=false;
}

for(var k=0;k<n;k++)
{


myArray[k]=( Math.round( Math.random()*18));
myArray[k+n]=myArray[k];
}
myArray.sort(mySort);


var str=‘<table name="myT" border="1" width="300" height="300">‘;
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("mt").innerHTML=str;

}
function createTable()
{
var row=document.getElementById("t1").value;
var col=document.getElementById("t2").value;
init(row,col);
}

 

 

function judge(temp)
{
if(isUsed[temp]) return;
isUsed[temp]=true;
lastImg1=currImg1;
currImg1=temp;



var currImg=document.getElementById("img_"+temp);
currImg.src="photo/image"+myArray[temp]+".gif";
//alert(myArray[temp]);
if(currImg1>=0 &&lastImg1>=0)
{

if(myArray[currImg1]==myArray[lastImg1])
{
alert("匹配成功");
count++;
currImg1=lastImg1=-1;
if(count>=n)
{
alert("游戏结束,进入下一关");
}

}



else
{

var lastImg=document.getElementById("img_"+lastImg1);
lastImg.src="photo/image0.gif";

isUsed[lastImg1]=false;
}

}
}
</script>
</head>

<body>
<div id="mt">test</div>
<input type="text" value="3" id="t1"/>
<input type="text" value="4" id="t2"/>
<input type="button" value="生产表格" onClick="createTable();"/>
</body>
</html>

周总结

标签:

原文地址:http://www.cnblogs.com/lcsxuexi/p/5365121.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!