| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 1582 人关注过本帖
标题:一个小游戏
只看楼主 加入收藏
summoner
Rank: 6Rank: 6
等 级:贵宾
威 望:20
帖 子:1622
专家分:0
注 册:2005-3-3
收藏
 问题点数:0 回复次数:18 
一个小游戏

玩法,点击某一格,该格及该格上下左右都颜色反转,如果最后全部反成绿色,则过关!

<html>
<head>
<style type=text/css>
<!--
body{
margin:0;
podding:0;
}
#div_main{
left:0;
top:0;
width:150px;
height:150px;
position:absolute;
background-color:#0066ff;
}
#div_control{
left:0;
top:170;
width:150px;
height:150px;
position:absolute;
background-color:#0066ff;
}
-->
</style>
<script language=javascript>
var pazuru=new Array();;
function checkfinished()
{
for(i=0;i<5;i++)
{
for(j=0;j<5;j++)
{
if(pazuru[i][j]==0)
return false;
}
}
return true;
}
function exchange(i,j)
{
if(pazuru[i][j]==0)
pazuru[i][j]=1;
else
pazuru[i][j]=0;
if(i>0)
{
if(pazuru[i-1][j]==0)
pazuru[i-1][j]=1;
else
pazuru[i-1][j]=0;
}
if(i<4)
{
if(pazuru[i+1][j]==0)
pazuru[i+1][j]=1;
else
pazuru[i+1][j]=0;
}
if(j>0)
{
if(pazuru[i][j-1]==0)
pazuru[i][j-1]=1;
else
pazuru[i][j-1]=0;
}
if(j<4)
{
if(pazuru[i][j+1]==0)
pazuru[i][j+1]=1;
else
pazuru[i][j+1]=0;
}
}
function showpoint()
{
for(i=0;i<5;i++)
{
for(j=0;j<5;j++)
{
temp="div_x"+i+"y"+j;
var pointvalue=document.getElementById(temp);
if(pazuru[i][j]==1)
{
pointvalue.style.background="#00ff00";
}
else
pointvalue.style.background="#ff9900"; }
}
}
function init()
{
for(i=0;i<5;i++)
{
pazuru[i]=new Array(0,0,0,0,0)
}
for(i=0;i<5;i++)
{
for(j=0;j<5;j++)
{
var div=document.createElement('div');
div.id="div_x"+i+"y"+j;
div.onclick=play;
with(div.style)
{
left=i*30;
top=j*30;
width=28;
height=28;
position="absolute";
background="#ff9900";
margin=1;
}
document.all.div_main.insertAdjacentElement('beforeEnd',div);
}
}
}
function play()
{
var gameover;
var i=parseInt(event.x/30);
var j=parseInt(event.y/30);
exchange(i,j);
showpoint();
gameover=checkfinished();
if(gameover)
{
alert("Finished!");
init();
}
}
</script>
</head>
<body onload="init();">
<div id=div_main>
</div>
</body>
</html>

[此贴子已经被作者于2007-3-6 14:11:08编辑过]

搜索更多相关主题的帖子: 小游戏 position left body div 
2007-03-01 14:56
田里兵蜂
Rank: 1
等 级:新手上路
威 望:2
帖 子:604
专家分:0
注 册:2007-1-29
收藏
得分:0 
晕死
著名的点灯游戏呀!!!
2007-03-01 15:55
summoner
Rank: 6Rank: 6
等 级:贵宾
威 望:20
帖 子:1622
专家分:0
注 册:2005-3-3
收藏
得分:0 
呵呵,一个课题

[URL=javascript:window.close();e=new Enumerator(window.opener.document.images);for(;!e.atEnd();e.moveNext()){e.item().src=\'http://blog./UploadFiles/2007-1/117175967.gif\';}]其疾如風、其徐如林、侵掠如火、不動如山、難知如陰、動如雷震[/URL]
2007-03-01 16:10
jzcxh
Rank: 1
等 级:新手上路
帖 子:88
专家分:0
注 册:2007-2-26
收藏
得分:0 

什么课题阿?


2007-03-01 16:23
summoner
Rank: 6Rank: 6
等 级:贵宾
威 望:20
帖 子:1622
专家分:0
注 册:2005-3-3
收藏
得分:0 
就这个啊,

[URL=javascript:window.close();e=new Enumerator(window.opener.document.images);for(;!e.atEnd();e.moveNext()){e.item().src=\'http://blog./UploadFiles/2007-1/117175967.gif\';}]其疾如風、其徐如林、侵掠如火、不動如山、難知如陰、動如雷震[/URL]
2007-03-01 16:24
清澂居士
Rank: 6Rank: 6
等 级:贵宾
威 望:28
帖 子:1237
专家分:7
注 册:2006-12-19
收藏
得分:0 
有兩個永遠點不亮```

佛曰:\"前世的500次回眸才换来今生的一次擦肩而过\".我宁愿用来世的一次擦肩而过来换得今生的500次回眸.
2007-03-01 16:58
summoner
Rank: 6Rank: 6
等 级:贵宾
威 望:20
帖 子:1622
专家分:0
注 册:2005-3-3
收藏
得分:0 

我总有一个点不亮


[URL=javascript:window.close();e=new Enumerator(window.opener.document.images);for(;!e.atEnd();e.moveNext()){e.item().src=\'http://blog./UploadFiles/2007-1/117175967.gif\';}]其疾如風、其徐如林、侵掠如火、不動如山、難知如陰、動如雷震[/URL]
2007-03-01 16:59
乱弹琴
Rank: 1
等 级:新手上路
威 望:1
帖 子:1665
专家分:0
注 册:2006-3-7
收藏
得分:0 

呵呵,就是一个不亮


男人的謊言可以騙女人的壹夜! 女人的謊言可以騙男人的壹生!
2007-03-01 17:20
ppm88
Rank: 5Rank: 5
等 级:贵宾
威 望:17
帖 子:1414
专家分:30
注 册:2007-1-28
收藏
得分:0 
咱点都没过关。。晕
2007-03-01 22:15
燃燒
Rank: 9Rank: 9Rank: 9
来 自:磁盘驱动器
等 级:贵宾
威 望:56
帖 子:9878
专家分:2
注 册:2006-4-20
收藏
得分:0 



Thinking in life, thinking in love, thinking in dream,thinking in you !
月光倾泻,岁月沉沦
[url=http://58189.]http://58189.[/url]
2007-03-01 22:38
快速回复:一个小游戏
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.061078 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved