首頁 JS特效 jQuery特效 jQuery手機微信夾娃娃機遊戲代碼

jQuery手機微信夾娃娃機遊戲代碼

jQuery手機微信夾娃娃機遊戲代碼

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 屬性的元素? jQuery 如何有效率地選擇具有特定 CSS 屬性的元素?

30 Nov 2024

在 jQuery 中選擇具有特定 CSS 屬性的元素問題:我們如何有效地選擇擁有特定 CSS 屬性的所有元素...

如何在 jQuery 中擷取滑鼠滾輪事件? 如何在 jQuery 中擷取滑鼠滾輪事件?

26 Oct 2024

在 jQuery 中擷取滑鼠滾輪事件 jQuery 提供了一種有效的方法來擷取特定的滑鼠滾輪事件,與滾動事件不同。這...

如何使用 jQuery 和 JavaScript 高效解析和顯示 JSON 資料? 如何使用 jQuery 和 JavaScript 高效解析和顯示 JSON 資料?

06 Dec 2024

使用 jQuery 和 JavaScript 解析 JSON 資料這個簡短的教程解決了有效操作 JSON 資料的挑戰,特別是...

如何用jQuery實作文字閃爍動畫? 如何用jQuery實作文字閃爍動畫?

30 Oct 2024

使用 jQuery 實作文字閃爍動畫在此查詢中,我們尋求一種簡單而有效的方法來使用 jQuery 建立閃爍文字效果...

如何使用 jQuery 將段落中的特定文字加粗? 如何使用 jQuery 將段落中的特定文字加粗?

08 Dec 2024

使用 jQuery 操作文字:增強特定字串在 jQuery 中,使用者經常需要在文件中定位特定文字並...

CSS 轉換與 jQuery 動畫:Web 動畫哪個比較快? CSS 轉換與 jQuery 動畫:Web 動畫哪個比較快?

11 Nov 2024

揭開效能之戰:CSS 轉換與 jQuery 動畫在 Web 開發領域,優化效能至關重要,...

使用 jQuery 建立 HTML 元素 $(document.createElement('div')) 比 $('<div></div>') 更有效率嗎? 使用 jQuery 建立 HTML 元素 $(document.createElement('div')) 比 $('
') 更有效率嗎?

19 Nov 2024

使用 jQuery 最佳化 HTML 元素建立以增強效能當使用 jQuery 建立動態介面時,必須...

如何在 ASP.NET UpdatePanel 中維護 jQuery 滑鼠懸停效果? 如何在 ASP.NET UpdatePanel 中維護 jQuery 滑鼠懸停效果?

03 Dec 2024

jQuery $(document).ready 和 UpdatePanels:精緻的外觀當利用 jQuery 將滑鼠懸停效果應用於 UpdatePanel 中的元素時,...

如何在不使用'display”的情況下在 jQuery 中將可見性設為隱藏? 如何在不使用'display”的情況下在 jQuery 中將可見性設為隱藏?

08 Dec 2024

設定隱藏可見性的 jQuery 等效項在 jQuery 中,.show() 和 .hide() 方法通常用於操作顯示屬性...

See all articles See all articles

Hot Tools

jQuery2019情人節表白放煙火動畫特效

jQuery2019情人節表白放煙火動畫特效

一款抖音上很火紅的jQuery情人節表白放煙火動畫特效,適合程式設計師、科技宅用來向心愛的女孩告白,無論你選擇願意或不願意,到最後都得同意。

layui響應式動畫登入介面模板

layui響應式動畫登入介面模板

layui響應式動畫登入介面模板

520情人節表白網頁動畫特效

520情人節表白網頁動畫特效

jQuery情人節表白動畫、520表白背景動畫

酷炫的系統登入頁

酷炫的系統登入頁

酷炫的系統登入頁

HTML5卡音樂播放器-CASSETTE PLAYER

HTML5卡音樂播放器-CASSETTE PLAYER

HTML5卡音樂播放器-CASSETTE PLAYER