js实现打地鼠小游戏

话不多说，请看代码：

 
 #content {
 width:960px;
 margin:0 auto;
 text-align:center;
 margin-top:40px;
 }
 #form1 {
 margin:20px 0;
 }
 table {
 margin:0 auto;
 cursor:url(http://cdn.attach.qdfuns.com/notes/pics/201702/12/115915n79d7hvffengpdxe.png),auto;
 }
 td {
 width:95px;
 height:95px;
 background:#00ff33;
 }
 
 


 
 
 
  
 
 

流程设计：

• 点击“开始游戏”按钮游戏开始，否则将提示“请点击开始游戏”字样
• 分数、命中率显示重置为“0”，倒计时开始（默认为30秒）
• 老鼠图片不断显示、隐藏，玩家可点击鼠标左键进行游戏
• 当30秒倒计时结束或者玩家主动点击“结束按钮”时，游戏结束并显示游戏结果
  

实例中用到的图片附件下载

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持考高分网！