原生js写的贪吃蛇网页版游戏特效代码.doc

原生js写的贪吃蛇网页版游戏特效代码原生js写的贪吃蛇网页版游戏特效代码 demo by Star = init:function() var bigDiv = this.appendEle(this.addStyle(this.creatEle(), w:900,h:600,p:absolute,t:10,l:500); for(var i = 0; i600/30;i+) Star.data.arrayAlli = ; for(var j = 0; j900/30; j+) div = this.addStyle(this.creatEle(),w:(!+1, ? 30 :28),h:(!+1, ? 30 :28),f:left,border:1px solid #666); div.setAttribute(number, i*30+j) this.appendEle(div,bigDiv) Star.data.arrayAllij = div; bigDiv = this.appendEle(this.addStyle(this.creatEle(), w:900,h:600,p:absolute,t:10,l:500); this.pushEleInSelect(Star.data.arrayAll915,Star.data.arrayAll914,Star.data.arrayAll913) this.keyBoard.apply(this,arguments); this.appearPoint(); this.leftGo(); , appearPoint:function() var arrayIn = ; var number; for(var i = 0; i600; i+) if(!this.hasInArray(Star.data.arrayAllparseInt(i/30)i%30.getAttribute(number),Star.data.arraySelect) arrayIn.push(Star.data.arrayAlli) Star.data.foodNumber = number = parseInt(Math.random()*arrayIn.length); this.giveColor(number) , giveColor:function(number) var div = Star.data.arrayAllparseInt(number/30)number%30; Star.timeInterval.timeB = setInterval(function() if(div.className = shanshuo) div.className = div.style.backgroundColor = #fff else div.className = shanshuo; div.style.backgroundColor = #f00 ,500) , disappearColor:function() clearInterval(Star.timeInterval.timeB); Star.data.arrayAllparseInt(Star.data.foodNumber/30)Star.data.foodNumber%30.style.backgroundColor = #f00; , hasInArray:function(number,array) for(var i in array) if(arrayi instanceof Array) if(this.hasInArray(number,arrayi) return true; if(arrayi.getAttribute & arrayi.getAttribute(number) = number) return true; return false; , keyBoard:function() var self = this; document.onkeydown = function(e) e = e? e : window.event; switch(e.keyCode) case 37: if(Star.keycode = 37 | Star.keycode = 39)return; self.leftGo(); break; case 38: if(Star.keycode = 38 | Star.keycode = 40)return; self.upGo();break; case 39: if(Star.keycode = 37 | Star.keycode = 39)return; self.rightGo();break; case 40: if(Star.keycode = 38 | Star.keycode = 40)return; self.downGo();break; , leftGo:function() var div, number , self = this; Star.keycode = 37; clearInterval(Star.timeInterval.timeA) Star.timeInterval.timeA = setInterval(function() number = Star.data.arraySelect0.getAttribute(number); if(number%30=0 | self.hasInArray(number-1,Star.data.arraySelect) self.guanle(); else if(Star.data.foodNumber = number-1) self.pushEleInSelect(Star.data.arrayAllparseInt(Star.data.foodNumber/30)Star.data.foodNumber%30); self.disappearColor(); self.appearPoint(); else div = Star.data.arraySelect.pop(); div.style.background = #fff; self.pushEleInSelect(Star.data.arrayAllparseInt(number/30)number%30-1); ,Star.timeInterval.speed) , upGo:function() var div, number , self = this; Star.keycode = 38; clearInterval(Star.timeInterval.timeA) Star.timeInterval.timeA = setInterval(function() number = parseInt(Star.data.arraySelect0.getAttribute(number); if(parseInt(number/30)=29 | self.hasInArray(number+1,Star.data.arraySelect) self.guanle(); else if(Star.data.foodNumber = number+1) self.pushEleInSelect(Star.data.arrayAllparseInt(Star.data.foodNumber/30)Star.data.foodNumber%30); self.disappearColor(); self.appearPoint(); else div = Star.data.arraySelect.pop(); div.style.background = #fff; self.pushEleInSelect(Star.data.arrayAllparseInt(number/30)number%30+1); ,Star.timeInterval.speed) , downGo:function() var div, number , self = this; Star.keycode = 40; clearInterval(Star.timeInterval.timeA) Star.timeInterval.timeA = setInterval(function() number = parseInt(Star.data.arraySelect0.getAttribute(number); if(parseInt(number/30)=19 | self.hasInArray(number+30,Star.data.arraySelect) self.guanle(); else if(Star.data.foodNumber = number+30) self.pushEleInSelect(Star.data.arrayAllparseInt(Star.data.foodNumber/30)Star.data.foodNumber%30); self.disappearColor(); self.appearPoint(); else div = Star.data.arraySelect.pop(); div.style.background = #fff; self.pushEleInSelect(Star.data.arrayAllparseInt(number/30)+1number%30); ,Star.timeInterval.speed) , guanle:function() alert(撞墙了,总分： + (Star.data.arraySelect.length-3) * parseInt(1000 / Star.timeInterval.speed); location.reload(); , creatEle:function(tag) var tagName = tag | DIV return document.createElement(tagName) , appendEle:function(ele,father) var father = father | document.body | document.documentElement father.appendChild(ele) return ele; , addStyle:function(ele,css) for(var i in css) switch(i) case b : ele.style.background = cssi; break; case l : ele.style.left = cssi+px; break; case r : ele.style.right = cssi+px; break; case t : ele.style.top = cssi+px; break; case d : ele.style.down = cssi+px; break; case p : ele.style.position = cssi; break; case w : ele.style.width = cssi+px; break; case h : ele.style.height = cssi+px; break; case f : ele.style.cssFloat = cssi; ele.style.styleFloat = cssi; break; default : ele.stylei = cssi; break; return ele; , pushEleInSelect:function() for(var i = 0; iarguments.length; i+) Star.data.arraySelect = argumentsi.concat(Star.data.arraySelect) this.addStyle(argumentsi,b:#f00) Star.data= arrayAll : , arraySelect:, newPoint:null, foodNumber:0 Star.timeInterval= timeA:null, timeB:null Star.keycode = 0; window.onload = function() var select = Star.creatEle(select); var optionDefault = Star.creatEle(option); optionDefault.innerHTML = 请选择关卡 Star.appendEle(optionDefault,select) Star.addStyle(select,w:200,h:30,p:absolute,left:40%,top:40%) for(var i = 0 ; i 10 ; i+) var option = Star.creatEle(option); option.innerHTML = 第 + (i+1) + 关 Star.appendEle(option,select); Star.appendEle(select) select.onchange = function() selectValue = select.optionsselect.selectedIndex.value | select.optionsselect.selectedIndex.innerHTML var number = selectValue.match(/d+/)0 Star.timeInterval.speed = parseInt(200/number); Star.addStyle(select,display:none); Star.init(); 郑州整形医院 1./ 2./ym02ybzxwd/ 3./ym02chuzhouwd/ 4./ym02bbzxwd/ 5./ym02xbzxwd/ 6./ym02smzxdwd/ 7./ym02kczxwd/ 8./ym02pfmrdwd/ 9./ym02mblkdewd/ 10./ym02jfsxwd/ 11./ym02redjswd/ 12./ym02gsypwd/ 13./ym02kyjwd/ 14./ym02ydwd/ 15./ym02qydwd/ 16./ym02qhyqwd/ 17./ym02zypwd/ 18./ym02sjxcwd/ 19./ym02wcmwd/ 20./ym02wyxwd/ 21./ym02qmwd/ 22./ym02mmzxwd/ 23./ym02zmwd/ 24./ym02wmwd/ 25./ym02ypscwd/ 26./ym02longbiwd/ 27./ym02wbzxwd/ 28./ym02byzxdwd/ 29./ym02tfbwdzx/ 30./ym02jzbzxwd/ 31./ym02suobiwd/ 32./ym01btzxwd/ 33./ym02longxsbwd/ 34./ym02rfxcwd/ 35./ym02rtrywd/ 36./ym02longxiongwd/ 37./ym02jrsxwd/ 38./ym02rfzaizwd/ 41./ym02qywwdwd/ 42./ym02qflwdwd/ 43./ym02qttwdwd/ 44./ym02cnmxfwd/ 45./ym02sywd/ 46./ym02yjzdwd/ 47./ym02gbpdwd/ 48./ym02bjsswd/ 49./ym02wenchunwd/ 50./ym02fengchunwd/ 51./ym02tccelwd/ 52./ym02meibaiwd/ 53./ym02qquebwd/ 54./ym02nenfuwd/ 55./ym02hhbdwd/ 56./ym02qudouwd/ 57./ym02qudoubwd/ 58./ym02tuomaowd/ 59./ym02qttzwd/ 60.http:/ww