jQuery手機微信夾娃娃機遊戲代碼
js程式碼
<script> window.onload=function(){ var k=0;//可點選 var c=0;//娃娃的 scrollLeft();//娃娃滾動 var talon=$(".pawerPic").offset().left+55//先取得爪子的位置(這裡是固定的) console.log(talon) /*宣告變數*/ var areaHeight=$("body").height()-150//活動區域的高 var long=areaHeight-115//爪子伸長的距離(目前娃娃的高度暫定為115px;) /*賦值給活動區域高度*/ $(".area").css({height:areaHeight}) /*娃娃滾動*/ function scrollLeft(){ var speed=20; var yu=$("#sel1").html(); $("#sel2").html(yu); function Marquee(){ c++ if($("#sel2").width()-$("#pack").scrollLeft()<=0){ c=0 $("#pack").scrollLeft(c); }else{ $("#pack").scrollLeft(c); } }//Marquee結束 var timer=setInterval(Marquee,speed); /*點擊按鈕*/ $(".btn_star").bind('touchstart',function(){ $(this).css({display:"none"})//單純的按鈕樣式 $(".pawer").animate({height:長},2000);//伸下去(繩子) $(".pawerPic").animate({top:long+20},2000);//伸下去(爪子) /*抓到娃娃*/ function fn(t_img){ $(".pawerPic").addClass("on"); $(".win img").attr("src",t_img) }; /*娃娃消失*/ function end(){ $(".pawerPic").removeClass("on") } /*按鈕點擊*/ function btn(){ $(".btn_star").css({display:"block"}) }//控制鈕是否可以點擊 /*判斷抓沒抓到娃娃*/ if_ok=setTimeout(ok_no,2000); function ok_no(){ /*列印出此時此刻每個娃娃的位置*/ for(var i=0;i<$("#pack img").length;i++){ var l=$("#pack img").eq(i).offset().left+41.61//此時此刻每個娃娃的位置 if(l-20<=talon&&talon<=l+20){ alert("你抓到狗屎了") var t_img=$("#pack img").eq(i).attr("src") time_zz=setTimeout(fn(t_img),0) return } /*然後和爪子的位置進行比較*/ console.log("狗屎都沒抓到") } } /*事件呼叫*/ //time_zz=setTimeout(fn,2000);//抓到娃娃 time_xs=setTimeout(end,4000);//娃娃消失 time_ww=setTimeout(btn,4000);//按鈕點擊 $(".pawer").animate({height:20},2000);//縮回來(繩子) $(".pawerPic").animate({top:40},2000);//縮回來(爪子) }) }//scrollLeft結束 }//window.onload結束 </script>
這是一款容易擴充又好玩,拿來就能用的jQuery手機微信夾娃娃機遊戲程式碼,抓娃娃機微信小遊戲原始碼下載。
免責聲明
本站所有資源皆由網友貢獻或各大下載網站轉載。請自行檢查軟體的完整性!本站所有資源僅供學習參考。請不要將它們用於商業目的。否則,一切後果都由您負責!如有侵權,請聯絡我們刪除。聯絡方式:admin@php.cn
相關文章
jQuery 如何有效率地選擇具有特定 CSS 屬性的元素?
30 Nov 2024
在 jQuery 中選擇具有特定 CSS 屬性的元素問題:我們如何有效地選擇擁有特定 CSS 屬性的所有元素...
如何使用 jQuery 和 JavaScript 高效解析和顯示 JSON 資料?
06 Dec 2024
使用 jQuery 和 JavaScript 解析 JSON 資料這個簡短的教程解決了有效操作 JSON 資料的挑戰,特別是...
使用 jQuery 建立 HTML 元素 $(document.createElement('div')) 比 $('') 更有效率嗎?
19 Nov 2024
使用 jQuery 最佳化 HTML 元素建立以增強效能當使用 jQuery 建立動態介面時,必須...
如何在 ASP.NET UpdatePanel 中維護 jQuery 滑鼠懸停效果?
03 Dec 2024
jQuery $(document).ready 和 UpdatePanels:精緻的外觀當利用 jQuery 將滑鼠懸停效果應用於 UpdatePanel 中的元素時,...
如何在不使用'display”的情況下在 jQuery 中將可見性設為隱藏?
08 Dec 2024
設定隱藏可見性的 jQuery 等效項在 jQuery 中,.show() 和 .hide() 方法通常用於操作顯示屬性...
Hot Tools
jQuery2019情人節表白放煙火動畫特效
一款抖音上很火紅的jQuery情人節表白放煙火動畫特效,適合程式設計師、科技宅用來向心愛的女孩告白,無論你選擇願意或不願意,到最後都得同意。
layui響應式動畫登入介面模板
layui響應式動畫登入介面模板
520情人節表白網頁動畫特效
jQuery情人節表白動畫、520表白背景動畫
酷炫的系統登入頁
酷炫的系統登入頁
HTML5卡音樂播放器-CASSETTE PLAYER
HTML5卡音樂播放器-CASSETTE PLAYER
熱門文章
崩壞:星穹鐵道 - 所有金色替罪羊謎題解決方案
18 Jan 2025
手游攻略
Tales Of Graces F 重製版:所有鎖定的寶箱密碼
18 Jan 2025
手游攻略
魯馬島:考古學家職業指南
03 Jan 2025
手游攻略
如何修復 KB5049622 在 Windows 11 中安裝失敗的問題?
15 Jan 2025
故障排查
魯瑪島:所有魯瑪蛋地點
05 Jan 2025
手游攻略