特效预览区

代码复制区

<style> .Food{background-color:red;filter:Alpha(opacity=0,FinishOpacity=50,Style=3)} .Snake{background-color:blue;filter:Alpha(opacity=0,FinishOpacity=100,Style=3)} </style> <OBJECT id=closes type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"> <param name="Command" value="Close"> </object> 速度: <span id=SpeedShow></span> <script> var Rows=20 var Cells=30 var Num=15 var BorderWidth=5 var golds=0 var Rowss=Rows-1 var Cellss=Cells-1 var iniSpeed=200 var HeightSpeeds=195 //创建地图 function CreateMap(){ BW=eval(Cells*Num+2*BorderWidth) BH=eval(Rows*Num+2*BorderWidth) document.body.innerHTML+='<div id=SpeedBase onmousedown=MouseDown(ArrowSpeed,5) style=position:absolute;left:'+(document.body.clientWidth-210)/2+';top:'+(document.body.clientHeight-BH)/3+';width:210;height:10;background:blue;;font-size:0><div id=ArrowSpeed style=position:absolute;top:-5;width:10;height:20;background:lime onmousedown=MouseDown(ArrowSpeed)></div></div><div id=MainMap style=position:absolute;left:'+(document.body.clientWidth-BW)/2+';top:'+(document.body.clientHeight-BH)/2+';width:'+BW+';height:'+BH+';border-width:'+BorderWidth+';border-style:inset;border-color:#0000cc></div><div id=goldbase style=position:absolute;left:'+document.body.clientWidth/2+';top:'+((document.body.clientHeight-BH)/2+BH)+';color:green;font-size:20></div>' Map=new Array() for(y=0;y<Rows;y++){ Map[y]=new Array() for(x=0;x<Cells;x++){ Map[y][x]='0' } } Sx=parseInt(Math.random()*Cells) Sy=parseInt(Math.random()*Rows) CreateSnake() CreatFood() AllDiv=MainMap.all.tags('DIV') AllSpan=MainMap.all.tags('SPAN') self.focus() ArrowSpeed.style.left=iniSpeed MouseDown(ArrowSpeed) MouseUp() } //创建食物的位置 function CreatFood(){ goldbase.innerHTML=golds++ Fx=parseInt(Math.random()*Cells) Fy=parseInt(Math.random()*Rows) if(Map[Fy][Fx]=='0'){ MainMap.innerHTML+='<span style=position:absolute;left:'+Fx*Num+';top:'+Fy*Num+';width:'+Num+';height:'+Num+';overflow:hidden class=Food></span>' Map[Fy][Fx]='F' } else CreatFood() } //创建蛇的位置 function CreateSnake(){ MainMap.innerHTML+='<div x='+Sx+' y='+Sy+' style=position:absolute;left:'+Sx*Num+';top:'+Sy*Num+';width:'+Num+';height:'+Num+';overflow:hidden class=Snake></div>' Map[Sy][Sx]='S' } //主移动--判断蛇头前面的是什么 function Move(){ Sx+=GoX Sy+=GoY if(Sx<0)Sx=Cellss else{ if(Sx>Cellss)Sx=0 } if(Sy<0)Sy=Rowss else{ if(Sy>Rowss)Sy=0 } SnakeFront=Map[Sy][Sx] if(SnakeFront=='0')Move2() else{ if(SnakeFront=='F')Move3() else Move1() } } //重新开始 var Times function Move1(){ ReStart=confirm("Game Over，重新开始？") if(ReStart)window.location.reload() else closes.Click();return; } //蛇前是空地时 function Move2(){ Map[AllDiv[0].y][AllDiv[0].x]='0' AllDiv[0].removeNode(true) CreateSnake() GoSnake=setTimeout('Move()',Times) } //蛇前面是食物时 function Move3(){ CreateSnake() AllSpan[0].removeNode(true) CreatFood() GoSnake=setTimeout('Move()',Times) } document.onkeydown=KeyDown //方向 function KeyDown(){ Key=event.keyCode switch(Key){ case 37:Dir(-1,0);break//左 case 39:Dir(1,0);break//右 case 38:Dir(0,-1);break//上 case 40:Dir(0,1);break//下 case 19:StopOrRun();break}//停止 return false } var Star=0 var GoX=0 var GoY=0 function Dir(x,y){ if(-GoX==x&&GoY==y){} else{ if(-GoY==y&&GoX==x){} else{ GoX=x GoY=y } } if(Star==0){ Star=1 Move() } } //停止或运行 var SOR=1 function StopOrRun(){ if(Star){ if(SOR){ clearTimeout(GoSnake) SOR=0} else{ SOR=1 GoSnake=setTimeout('Move()',Times) } } } var Obj='' MaxObjLefts=200 document.onmouseup=MouseUp document.onmousemove=MouseMove function MouseDown(Object,k){ Obj=Object.id document.all(Obj).setCapture() if(k!=null)document.all(Obj).style.left=event.offsetX-k pX=event.x-document.all(Obj).style.pixelLeft event.cancelBubble=true MouseMove() } function MouseMove(){ if(Obj!=''){ ObjLefts=event.x-pX if(ObjLefts<0)ObjLefts=0 if(ObjLefts>MaxObjLefts)ObjLefts=MaxObjLefts SpeedShow.innerHTML=document.all(Obj).style.left=ObjLefts Times=HeightSpeeds*(1-ObjLefts/MaxObjLefts)+5 } } function MouseUp(){ if(Obj!=''){ document.all(Obj).releaseCapture() Obj=''} } onload=CreateMap </script>

特效制作：52600  版权所有