js抓人游戏

更新时间：2008年09月24日 11:12:48 作者：

利用鼠标的位置进行计算偏移代码

<!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>无聊时写的游戏</title> <style type="text/css"> *{padding:0;margin:0} body{ background:#FFFFFF} img{display:inline;float:left;position:absolute;} #chat{display:inline;float:left;position:absolute;font-weight:bold;font-size:16px;} h1{float:left} span{float:left;font-size:32px;font-weight:bold;margin:0 20px} #score{color:red} #time{color:green} #restart{clear:both;color:blue;text-align:center;font-size:32px;font-weight:bold;margin:0 20px;display:none; cursor:pointer} </style> </head> <body onselectstart="return false"> <h1 onclick="sendChat();">啊! 这人好囧,快抓住他!</h1><span id="score">得分:0</span><span id="time">剩余:60秒</span><div id="restart" onclick="restart()">重新开始</div> <div id="chat">剩骑士,来抓我啊?</div> <img src="http://img.jb51.net/images/ren.gif" onmousemove="randomMove(this)" onmouseout="hitFlag=0" onclick="getScore()"/> </body> </html> <script language="javascript" type="text/javascript"> var imgv,hitFlag=0,startTime,gameStatus=0,ret; var score=0,chato,delay=0; var chatArr=new Array(); chatArr[0]="剩骑士,来抓我啊?"; chatArr[1]="废柴职业 凸(- -)凸"; chatArr[2]="灌装奶粉 凸-_-凸"; chatArr[3]="万年三奶"; chatArr[4]="环保装哦"; chatArr[5]="咬我啊?"; function restart(){     var now = new Date();     startTime = now.getTime();     ret=setInterval("refreshTime()",10);     gameStatus=1;hitFlag=0;score=0;delay=0;     document.getElementById("score").innerHTML="得分:"+score;     document.getElementById("restart").style.display="none"; } function moveTo(o,left,top){     clearTimeout(imgv);     if (Math.abs(o.offsetLeft-left)<1 && Math.abs(o.offsetTop-top)<1){         o.style.left=left;         o.style.top=top;     }else{         var tx=o.offsetLeft-(o.offsetLeft-left)/6;         var ty=o.offsetTop-(o.offsetTop-top)/6;         o.style.left=tx +"px";         o.style.top=ty +"px";         chato.style.left=tx+15+"px";         chato.style.top=ty-20+"px";         imgv=setTimeout(function(){moveTo(o,left,top)},10);     }     hitFlag--; //脚本之家 www.jb51.net } function randomMove(o){     if (gameStatus!=1) return;     if (hitFlag<1){         moveTo(o,Math.random()*700,Math.random()*400+40);         hitFlag=4;     } } function getScore(){     if (gameStatus!=1) return;     score++;     alert('啊! 你抓到我了! 得分.');     document.getElementById("score").innerHTML="得分:"+score     hitFlag=0;     randomMove(this); } function refreshTime(){     var now = new Date();     var nowTime = now.getTime();     var leftTime=(3000-(parseInt((nowTime-startTime)/10)))/100;     if (parseInt(leftTime) % 4 ==2 && delay==0) {sendChat();delay=1;setTimeout("delay=0",1000)}     if (leftTime<=0){         leftTime=0;         alert("抓囧人结束. 得分:"+score);         gameStatus=0;         clearInterval(ret);         document.getElementById("restart").style.display="block";     }     document.getElementById("time").innerHTML="剩余:"+leftTime+"秒"; } function sendChat(){     var n=parseInt(Math.random()*6);     document.getElementById("chat").innerHTML=chatArr[n];     setTimeout("document.getElementById('chat').innerHTML=''",3000) } window.onload=function(){     chato=document.getElementById("chat");     restart(); } </script>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

js抓人游戏
利用鼠标的位置进行计算偏移代码
2008-09-09
跟随鼠标旋转的文字
跟随鼠标旋转的文字...
2006-11-11
鼠标跟随效果代码
鼠标跟随效果,好多用于广告点击,提示效果
2008-10-10
javascript跟随鼠标的文字带滚动效果
javascript跟随鼠标的文字带滚动效果...
2007-11-11
javascript动画之圆形运动,环绕鼠标运动作小球
javascript动画之圆形运动,环绕鼠标运动作小球(兼容ie,ff,chrome,……)
2010-07-07
使用JS实现一个跟随鼠标移动洒落的星星特效
这篇文章主要介绍了使用JS实现一个跟随鼠标移动洒落的星星特效,在页面上移动鼠标,移动轨迹上会有星星洒落,非常的好看炫酷,想知道怎么做的朋友一起来看看吧
2023-03-03
跳舞的小人鼠标跟随事件效果实现
这篇文章主要为大家介绍了跳舞的小人，鼠标跟随事件实现示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-05-05
JavaScript拖拽效果示例网页解决快速拖拽的问题
JavaScript拖拽文章的配套示例网页。本例解决了快速拖拽的时候元素停止移动的问题，需要的朋友可以参考下
2012-09-09
鼠标跟随的文字变动效果
百度空间的一个好友，其主页的特效非常漂亮，其中最拉风的就是鼠标根随的文字变动效果。懒得看乱七八糟的源文件，自己用DW编写JS模拟了下。
2009-11-11
我的柜子好像动了之鼠标跟踪事件教程
这篇文章主要为大家介绍了我的柜子好像动了之鼠标跟踪事件教程示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-05-05

软件下载

源码下载

软件编程

网络编程

在线工具

数据库

CMS

常用工具

js抓人游戏

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具