一款基础模型的js打飞机游特效代码一款基础模型的js打飞机游戏特效代码一款基础模型的js打飞机游戏特效代码一款基础模型的js打飞机游戏特效代码.doc

一款基础模型的JS打飞机游戏特效代码 !DOCTYPE html html lang=en head 郑州悦美整形美容医院 郑州展览公司 style type=text/css #show{ margin:auto; width:300px; height:500px; background: black; position: relative; } #fly{ width:10px; height:10px; position:absolute; bottom:0; left:140px; background: #0044ff; } #sco{ z-index:1; color:white; } .arrow{ width:6px; height:6px; background: #ddd; margin-left: 2px; margin-top:-10px; } .huiji{ width:10px; height:10px; background: #eee; position:absolute; top:0; left:0; } /style /head body div id=show style=width:300px;height:500px div id=fly div class=arrow style=margin-top:-10px; /div /div /div /body /html script function $(id){//获得id return document.getElementById(id); } function keydown(e) {//判断键盘事件 var currKey=0,e=e||event; currKey=e.keyCode||e.which||e.charCode; return currKey; } function getClass(obj,attr){//getElementsByClass var aArray=[]; var i=0; var aAll = obj.getElementsByTagName(*); for(i=0;iaAll.length;i++){ if(aAll[i].className == attr){ aArray.push(aAll[i]); } } return aArray; } function fly(){ this.begin=0; this.arrowSpeed=5; this.huijiSpeed=7; this.showArea=$(show); this.showWidth=this.showArea.style.width; this.showHeight=this.showArea.style.height; this.offsetleft=140px; this.arrow=getClass(document,arrow); this.huiji=getClass(document,huiji); this.flying=$(fly); this.scores=0; } totype={ constructor:fly, version:1.0, start:function(){ this.begin=1; }, end:function(){ this.begin=0; }, leftSet:function(width){ this.flying.style.left=width; return this.flying.style.left; }, process:function(){ var that=this; if(that.begin==0){ return false; }else if(that.begin==1){ that.leftSet(that.offsetleft); document.addEventListener(keydown,function(){//判断边界 if(parseInt(that.leftSet())0parseInt(that.leftSet())(parseInt(that.showWidth)-10)){ if(keydown()==37){ that.leftSet(parseInt(that.flyin