jQuery手机微信夹娃娃机游戏代码
<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:long},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实现表单里文字按钮特效合集](https://img.php.cn/upload/article/000/061/021/5adfe84444528433.png)
25 Apr 2018
这次给大家带来jQuery实现表单里文字按钮特效合集,jQuery实现表单里文字按钮特效的注意事项有哪些,下面就是实战案例,一起来看一下。
![如何使用 jQuery 和 JavaScript 高效解析和显示 JSON 数据?](https://img.php.cn/upload/article/001/246/273/173343344183746.jpg)
06 Dec 2024
使用 jQuery 和 JavaScript 解析 JSON 数据这个简短的教程解决了有效操作 JSON 数据的挑战,特别是...
![jQuery与Zepto是什么区别](https://img.php.cn/upload/article/202011/20/2020112010163555127.jpg)
20 Nov 2020
jQuery与Zepto区别:1、添加id时jQuery不会生效而Zepto会生效;2、zepto中没有为原型定义extend方法而jquery有;3、zepto由盒模型决定,而jquery会忽略盒模型。
![css3动画和jquery动画有什么区别](https://img.php.cn/upload/article/202204/28/2022042814472419156.jpg)
28 Apr 2022
css3动画和jquery动画的区别:1、css3可以设置3d动画,jquery不能实现3d动画;2、css的2d矩阵动画效率较高,其他属性动画效率低,jquery利用margin和left、top模拟的矩阵动画效率低,其他属性动画效率高。
![jQuery框架概述](https://img.php.cn/upload/article/000/353/246/5f466ed21d501229.png)
26 Aug 2020
1. jQuery是一个JavaScript函数库。jQuery是一个轻量级的"写的少,做的多"的JavaScript库。jQuery库包含以下功能:HTML 元素选取HTML 元素操作CSS 操作HTML 事件函数JavaScript 特效和动画HTML DOM 遍历和修改AJAXUtilities2.jQury优势 轻量级、强大...
![See all articles](/static/imghw/down_right.png)
![](/static/imghw/taglogo.png)
Hot Tools
![jQuery2019情人节表白放烟花动画特效](https://img.php.cn/upload/jscode/000/000/001/5c64d3e6d92b2641.jpg)
jQuery2019情人节表白放烟花动画特效
一款抖音上很火的jQuery情人节表白放烟花动画特效,适合程序员、技术宅用来向心爱的姑娘表白,无论你选择愿意还是不愿意,到最后都得同意。
![layui响应式动画登录界面模板](https://img.php.cn/upload/jscode/000/000/001/5a93a913de3a7571.png)
layui响应式动画登录界面模板
layui响应式动画登录界面模板
![520情人节表白网页动画特效](https://img.php.cn/upload/jscode/000/287/557/620611f90d724550.jpg)
520情人节表白网页动画特效
jQuery情人节表白动画、520表白背景动画
![炫酷的系统登录页](https://img.php.cn/upload/jscode/000/120/096/5e09903f2f0c4401.jpg)
炫酷的系统登录页
炫酷的系统登录页
![HTML5磁带音乐播放器-CASSETTE PLAYER](https://img.php.cn/upload/jscode/000/120/096/5e200ad65973d549.jpg)
HTML5磁带音乐播放器-CASSETTE PLAYER
HTML5磁带音乐播放器-CASSETTE PLAYER
![](/static/imghw/taglogo.png)