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小時內刪除侵權內容。