JavaScript之jQuery番外篇【打地鼠游戏的制作讲解】

📖 素材制作

📖 总体思路

📖 布局注意事项

📖 地鼠随机出没与计时实现原理

📖 计分实现原理

📖 双模式实现原理

📖 两项小优化：地鼠受击切换状态与鼠标点击特效

III. 可优化角度

---

高质量前端博主，点个关注不迷路🌸🌸🌸**！**

本篇是继本人原创博客jQuery学习【三部曲】后的番外续作篇，主要内容是用jQuery从0做一个完整的打地鼠小游戏，同时，与其他同类型的做打地鼠游戏博客对比，个人认为本文具有以下特点：

(1) 详细的写法教学。我会用大篇幅给大家讲述每一个实现的重点和难点，以便大家能够学到东西，同时有些同学可能拿来当作业的话，也方便大家接受老师的质询。

(2) 完整的源码和素材。我会提供全部的源码和素材。

(3) **双游戏模式。**增加了困难模式，设置了误伤扣分效果，提高了游戏的趣味性。

在阅读本文并开始跟着做之前，我认为你需要有：

[jQuery的基础知识](()、setInterval()与setTimeout()函数的相关知识，值得一提的是，这些知识都可以从本人的原创博客中获取，大家如果没有掌握的可以先去掌握一些预备知识，有助于阅读本文！(注意，完整的源码和素材都在评论区置顶，大家在评论区自取即可)