资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
javascript 实现的多浏览器支持的贪吃蛇webgame
写的太累了 ，写了3个小时！大家可以玩玩看
界面不美，尽管批
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>www.glzy8.com 管理资源吧 贪吃蛇</title> <style type="text/css"> <!-- body { margin-left: 0px; margin-top: 0px; } #global { margin:auto; position: relative; width: 800px; height:500px; border: thick double #ff0000; background-color:#666666 } #global #p { background-color: #999999; position: absolute; height: 500px; width: 500px; left:0px; top:0px; border-right-width: thick; border-right-style: double; border-right-color: #FF0000; } #global #p #k { background-color: #0000FF; position: absolute; height: 25px; width: 25px; left:0px; top:0px; } #global #p .xin { position: absolute; height: 25px; width: 25px; } --> </style> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22javascript%22%20type%3D%22text%2Fjavascript%22%3E%20%0D%0A%2F%2F%E8%8E%B7%E5%8F%96%E6%96%B0%E7%94%9F%E5%85%83%E7%B4%A0%E4%BD%8D%E7%BD%AE%20%0D%0Avar%20bucunzai%3Dtrue%3B%2F%2F%E8%AE%B0%E5%BD%95%E6%96%B0%E5%85%83%E7%B4%A0%E6%98%AF%E4%B8%8D%E6%98%AF%E7%A7%BB%E5%8A%A8%20%0D%0Avar%20xinkx%3B%20%0D%0Avar%20xinky%3B%20%0D%0A%2F%2F%E9%A1%B5%E9%9D%A2%E8%BD%BD%E5%85%A5%E5%90%8Ek%E5%85%83%E7%B4%A0%E5%AE%9A%E4%BD%8D%20%0D%0Afunction%20lo()%7B%20%0D%0Avar%20objectp%3Ddocument.getElementById(%22k%22)%20%0D%0Aobjectp.style.left%3D%22250px%22%20%0D%0Aobjectp.style.top%3D%22250px%22%20%0D%0A%2F%2FK%E5%85%83%E7%B4%A0%E6%9C%80%E7%BB%88%E6%A0%B7%E5%BC%8F%E4%BB%A3%E7%A0%81%20%0D%0Ak_zz%3Dobjectp.currentStyle%3Fdocument.getElementById(%22k%22).currentStyle%3Adocument.defaultView.getComputedStyle(objectp%2Cnull)%3B%20%0D%0A%7D%20%0D%0A%2F%2F%E8%AE%B0%E5%BD%95%E4%BD%8D%E7%BD%AE%E7%9A%84%E6%95%B0%E7%BB%84%20%0D%0Avar%20k_x%3Dnew%20Array()%20%0D%0Avar%20k_y%3Dnew%20Array()%20%0D%0A%2F%2F%E8%AE%B0%E5%BD%95%E8%9B%87%E7%9A%84%E9%95%BF%E5%BA%A6%20%0D%0Avar%20k_number%3D0%20%0D%0A%2F%2F%E6%96%B9%E5%90%91%E9%94%AE%E5%87%BD%E6%95%B0%20%0D%0Adocument.onkeydown%3Dpmove%3B%20%0D%0Avar%20fx%3D0%2F%2F%E8%8E%B7%E5%8F%96%E4%B8%8A%E4%B8%80%E6%AC%A1%E7%9A%84%E6%8C%89%E9%94%AE%E7%9B%B4%20%0D%0Afunction%20pmove()%7B%20%0D%0Aif(bucunzai)%7B%20%0D%0Axin()%3B%20%0D%0Abucunzai%3Dfalse%3B%20%0D%0A%7D%20%0D%0Aobjectp%3Ddocument.getElementById(%22k%22)%20%0D%0Akcode%3Dwindow.event%3Fwindow.event%3Aarguments%5B0%5D%3B%20%0D%0Aif(kcode.keyCode%3D%3D39%26%26fx!%3D39%26%26fx!%3D37)%7B%20%0D%0Afx%3Dkcode.keyCode%3B%20%0D%0Atry%7B%20%0D%0AclearInterval(kbottom)%3B%20%0D%0A%7D%20%0D%0Acatch(e)%7B%20%0D%0A%7D%20%0D%0Atry%7B%20%0D%0AclearInterval(kright)%3B%20%0D%0A%7D%20%0D%0Acatch(e)%7B%20%0D%0A%7D%20%0D%0Atry%7B%20%0D%0AclearInterval(ktop)%3B%20%0D%0A%7D%20%0D%0Acatch(e)%7B%20%0D%0A%7D%20%0D%0Atry%7B%20%0D%0AclearInterval(kleft)%3B%20%0D%0A%7D%20%0D%0Acatch(e)%7B%20%0D%0A%7D%20%0D%0Akleft%3DsetInterval(function()%7Bif(parseInt(objectp.style.left)%3E%3D475)%7Balert(%22%E8%B6%85%E5%87%BA%E4%BA%86%22)%3BclearInterval(kleft)%3B%7Delse%7Bif(k_x.length%3E%3D400)%7Bk_x.shift()%3Bk_y.shift()%3B%7D%3Bk_x%5Bk_x.length%5D%3Dk_zz.left%3Bk_y%5Bk_y.length%5D%3Dk_zz.top%3Bobjectp.style.left%3D(parseInt(objectp.style.left)%2B25)%2B%22px%22%3B%7Dif(k_zz.left%3D%3Dxinkx%26%26k_zz.top%3D%3Dxinky)%7Bk_number%2B%2B%3Bxin()%3B%7Dk_kmove()%3B%7D%2C100)%20%0D%0A%7D%20%0D%0Aif(kcode.keyCode%3D%3D37%26%26fx!%3D39%26%26fx!%3D37)%7B%20%0D%0Afx%3Dkcode.keyCode%3B%20%0D%0Atry%7B%20%0D%0AclearInterval(kbottom)%3B%20%0D%0A%7D%20%0D%0Acatch(e)%7B%20%0D%0A%7D%20%0D%0Atry%7B%20%0D%0AclearInterval(kright)%3B%20%0D%0A%7D%20%0D%0Acatch(e)%7B%20%0D%0A%7D%20%0D%0Atry%7B%20%0D%0AclearInterval(ktop)%3B%20%0D%0A%7D%20%0D%0Acatch(e)%7B%20%0D%0A%7D%20%0D%0Atry%7B%20%0D%0AclearInterval(kleft)%3B%20%0D%0A%7D%20%0D%0Acatch(e)%7B%20%0D%0A%7D%20%0D%0Akright%3DsetInterval(function()%7Bif(parseInt(objectp.style.left)%3C%3D0)%7Balert(%22%E8%B6%85%E5%87%BA%E4%BA%86%22)%3BclearInterval(kright)%3B%7Delse%7Bif(k_x.length%3E%3D400)%7Bk_x.shift()%3Bk_y.shift()%3B%7D%3Bk_x%5Bk_x.length%5D%3Dk_zz.left%3Bk_y%5Bk_y.length%5D%3Dk_zz.top%3Bobjectp.style.left%3D(parseInt(objectp.style.left)-25)%2B%22px%22%3B%7Dif(k_zz.left%3D%3Dxinkx%26%26k_zz.top%3D%3Dxinky)%7Bk_number%2B%2B%3Bxin()%3B%7Dk_kmove()%3B%7D%2C100)%20%0D%0A%7D%20%0D%0Aif(kcode.keyCode%3D%3D40%26%26fx!%3D40%26%26fx!%3D38)%7B%20%0D%0Afx%3Dkcode.keyCode%3B%20%0D%0Atry%7B%20%0D%0AclearInterval(kbottom)%3B%20%0D%0A%7D%20%0D%0Acatch(e)%7B%20%0D%0A%7D%20%0D%0Atry%7B%20%0D%0AclearInterval(kright)%3B%20%0D%0A%7D%20%0D%0Acatch(e)%7B%20%0D%0A%7D%20%0D%0Atry%7B%20%0D%0AclearInterval(ktop)%3B%20%0D%0A%7D%20%0D%0Acatch(e)%7B%20%0D%0A%7D%20%0D%0Atry%7B%20%0D%0AclearInterval(kleft)%3B%20%0D%0A%7D%20%0D%0Acatch(e)%7B%20%0D%0A%7D%20%0D%0Akbottom%3DsetInterval(function()%7Bif(parseInt(objectp.style.top)%3E%3D475)%7Balert(%22%E8%B6%85%E5%87%BA%E4%BA%86%22)%3BclearInterval(kbottom)%3B%7Delse%7Bif(k_x.length%3E%3D400)%7Bk_x.shift()%3Bk_y.shift()%3B%7D%3Bk_x%5Bk_x.length%5D%3Dk_zz.left%3Bk_y%5Bk_y.length%5D%3Dk_zz.top%3Bobjectp.style.top%3D(parseInt(objectp.style.top)%2B25)%2B%22px%22%3B%7Dif(k_zz.left%3D%3Dxinkx%26%26k_zz.top%3D%3Dxinky)%7Bk_number%2B%2B%3Bxin()%3B%7Dk_kmove()%3B%7D%2C100)%20%0D%0A%7D%20%0D%0Aif(kcode.keyCode%3D%3D38%26%26fx!%3D40%26%26fx!%3D38)%7B%20%0D%0Afx%3Dkcode.keyCode%3B%20%0D%0Atry%7B%20%0D%0AclearInterval(kbottom)%3B%20%0D%0A%7D%20%0D%0Acatch(e)%7B%20%0D%0A%7D%20%0D%0Atry%7B%20%0D%0AclearInterval(kright)%3B%20%0D%0A%7D%20%0D%0Acatch(e)%7B%20%0D%0A%7D%20%0D%0Atry%7B%20%0D%0AclearInterval(ktop)%3B%20%0D%0A%7D%20%0D%0Acatch(e)%7B%20%0D%0A%7D%20%0D%0Atry%7B%20%0D%0AclearInterval(kleft)%3B%20%0D%0A%7D%20%0D%0Acatch(e)%7B%20%0D%0A%7D%20%0D%0Aktop%3DsetInterval(function()%7Bif(parseInt(objectp.style.top)%3C%3D0)%7Balert(%22%E8%B6%85%E5%87%BA%E4%BA%86%22)%3BclearInterval(ktop)%3B%7Delse%7Bif(k_x.length%3E%3D400)%7Bk_x.shift()%3Bk_y.shift()%3B%7D%3Bk_x%5Bk_x.length%5D%3Dk_zz.left%3Bk_y%5Bk_y.length%5D%3Dk_zz.top%3Bobjectp.style.top%3D(parseInt(objectp.style.top)-25)%2B%22px%22%3B%7Dif(k_zz.left%3D%3Dxinkx%26%26k_zz.top%3D%3Dxinky)%7Bk_number%2B%2B%3Bxin()%3B%7Dk_kmove()%3B%7D%2C100)%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%2F%2F%E7%94%9F%E6%88%90%E6%96%B0%E7%9A%84%E5%85%83%E7%B4%A0%E4%BB%A3%E7%A0%81%20%0D%0Afunction%20xin()%7B%20%0D%0Avar%20xinkleft%3DparseInt(Math.random()*20)*25%2B%22px%22%3B%20%0D%0Avar%20xinktop%3DparseInt(Math.random()*20)*25%2B%22px%22%3B%20%0D%0Avar%20xinkcolor1%3DparseInt(Math.random()*14).toString(16)%20%0D%0Avar%20xinkcolor2%3DparseInt(Math.random()*14).toString(16)%20%0D%0Avar%20xinkcolor3%3DparseInt(Math.random()*14).toString(16)%20%0D%0Avar%20xinkcolor4%3DparseInt(Math.random()*14).toString(16)%20%0D%0Avar%20xinkcolor5%3DparseInt(Math.random()*14).toString(16)%20%0D%0Avar%20xinkcolor6%3DparseInt(Math.random()*14).toString(16)%20%0D%0Avar%20xink%3Ddocument.createElement(%22div%22)%20%0D%0Axink.id%3D%22k%22%2Bk_number%20%0D%0Axink.className%3D%22xin%22%20%0D%0Axink.style.left%3Dxinkleft%20%0D%0Axink.style.top%3Dxinktop%20%0D%0Axink.style.backgroundColor%3D%22%23%22%2Bxinkcolor1%2Bxinkcolor2%2Bxinkcolor3%2Bxinkcolor4%2Bxinkcolor5%2Bxinkcolor6%20%0D%0Avar%20pp%3Ddocument.getElementById(%22p%22)%20%0D%0App.appendChild(xink)%20%0D%0Axinkx%3Dxinkleft%20%0D%0Axinky%3Dxinktop%20%0D%0A%7D%20%0D%0A%2F%2F%E6%96%B0%E7%9A%84%E5%85%83%E7%B4%A0%E8%B7%9F%E9%9A%8F%E7%A7%BB%E5%8A%A8%E5%87%BD%E6%95%B0%20%0D%0Afunction%20k_kmove()%7B%20%0D%0Aif(k_number%3D%3D0)%7B%7D%20%0D%0Aelse%7B%20%0D%0Afor(var%20i%3D0%3Bi%3Ck_number%3Bi%2B%2B)%7B%20%0D%0Avar%20move%3Ddocument.getElementById(%22k%22%2Bi)%20%0D%0Amove.style.top%3Dk_y%5Bk_y.length-(i%2B1)%5D%20%0D%0Amove.style.left%3Dk_x%5Bk_x.length-(i%2B1)%5D%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> </head> <body onload="lo();"> <div id="global"> <div id="p" style="top:0px; left:0px;"> <div id="k"></div> </div> </div> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程