***游戏类***一个很cool的东东!!(用鼠标左右上下键来控制的qq)
把下列代码加到网页的<body></body>标签之间 从google下载我的照片管理软件<script>
var smapdata = new array(
"11111111111111111111",
"10000000000000000001",
"10010000000000000001",
"10010022000000000001",
"11010000000000000301",
"10010111110000003001",
"10000001300000000301",
"11111001000010000001",
"10000001000000000001",
"10000001000000111001",
"10000000000000000001",
"10000000011110000001",
"10021200000000000001",
"10000000000000000001",
"11111111111111111111"
)
var mapdata =new array(15);
var spritex=0;
spritey=0;
var winbox=0;
function readmap(){ //重建地图信息便于程序使用。
for(var i=0;i<15;i++){
mapdata=new array(20);
for(var j=0;j<20;j++){
mapdata=smapdata.substr(j,1);
}
}
}
function createmap(){ //用dom来创建地图。
var x=30;
var y=30;
var cbox=0;
for (var i=0;i<15;i++){
for (var j=0;j<20;j++){
var oe=document.createelement("div");
oe.id="box"+i+"_"+j; //设定id规则以便后面程序访问。
oe.classname="map"+mapdata;
oe.style.pixelleft=x;
oe.style.pixeltop=y;
gamearea.appendchild(oe);
x+=19;
}
y+=19;
x=30;
}
}
function move(dir){
var dx=0;
var dy=0;
if(dir=="left")dx=-1;
if(dir=="right") dx=1;
if(dir=="up") dy=-1;
if(dir=="down") dy=1;
if(mapdata=="1" ) return;
if(mapdata=="2" ) {
if(mapdata=="0" || mapdata=="3"){
if(mapdata=="3"){
mapdata="1";
winbox++;
if(winbox==3) win();
}
else mapdata="2";
mapdata="0";
eval("box"+(spritey+dy)+"_"+(spritex+dx)).style.backgroundcolor='#333333';
eval("box"+(spritey+dy*2)+"_"+(spritex+dx*2)).style.backgroundcolor='#3333ff';
spritex+=dx;
spritey+=dy;
sprite.style.pixelleft+=dx*19;
sprite.style.pixeltop+=dy*19;
}
}else{
spritex+=dx;
spritey+=dy;
sprite.style.pixelleft+=dx*19;
sprite.style.pixeltop+=dy*19;
}
}
function win(){
alert("ok胜 利 !!!");
}
function fnkeydown(){
var key=event.keycode;
switch(key){
case 37:
move("left");
break;
case 39:
move("right");
break;
case 38:
move("up");
break;
case 40:
move("down");
break;
}
return false;
}
function init(){
readmap();
createmap();
sprite.style.pixelleft=49;
sprite.style.pixeltop=49;
spritex=1;
spritey=1;
}
document.onkeydown=fnkeydown;
</script>
<style type="text/css">
.map0{position:absolute;border:1px solid #cococo;width:20;height:20;background-color:#333333}
.map1{position:absolute;border:2px outset #ffffff;width:20;height:20;background-color:#999999}
.map2{position:absolute;border:1px solid #4078b0;width:20;height:20;background-color:#3333ff}
.map3{position:absolute;border:0px solid #999999;width:20;height:20;background-color:#006600}
.box{position:absolute;border:1px outset #ffffff;width:20;height:20;background-color:#0000cc}
}
</style>
<body bgcolor=#333333 onload="init()">
<div id=gamearea></div>
<div id="sprite" style="position:absolute"><img src="pic/0-2.gif" height=20 width=20>http://code.ik8.com/html/pic/0-2.gif</div>
</body>
--------------------------------------
拥有三人行论坛管理系列软件,一个人就可以管理一个论坛的更新维护。还能使您的论坛有千人在线的真实火暴效果,让您不在为论坛因没有人气而留不住会员而烦恼,使您的论坛早日成为一流的论坛。详情请登陆网站:http://www.cnsrx.cn 三人行论坛管理软件,站长必备的专业好工具。(您使用的是免费版本,购买收费版本后,将不带广告。业务QQ:247216 44985227)
页:
[1]