jQuery综合案例——打地鼠(教学版本·附源码)

jQuery综合案例——打地鼠

非常经典的案例，完整的训练【jQuery】并且针对【setInterval】与【setTimeout】有一个实质性的训练，学习价值超高，建议教师与学生下载，并用于教学与学习过程当中。

-：【jQuery案例_打地鼠_可用于教学(源码,带音乐与图片).rar-HTML5文档类资源-CSDN下载】

目录

jQuery综合案例——打地鼠

使用指南：

使用指南：

如果没有图片，保存图片改名即可。

图片：【00.jpg】

图片：【01.jpg】

function show_mouse() { //生成0-24 var i = Math.floor(Math.random() * 25); $("#tab img")[i].src = "./res/01.jpg"; //这里使用setTimeout setTimeout("hide_mouse_fun(" + i + ")", stopTime); }

图片：【02.jpg】

function killIt(o) { var name = o.src.substr(o.src.length - 6, 2); if (name == "01") { o.src = "./res/02.jpg"; sum += 100; $("#sum").text(sum); } }

图片：【bg.jpg】

body { overflow: hidden; background-image: url("./res/bg.png"); width: 100%; height: 100vh; background-size: 80%; background-repeat: no-repeat; background-position: 50%; }

背景音乐自己改成本地就行：【bgsound.MP3】

整体效果图：

代码正文：

5G教育 jQuery

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。