更多>
最新下载
24小时阅读排行榜
- 1 html中如何填充_HTML表单/元素(input/textarea)内容填充方法
- 2 css过渡与边框border变化结合
- 3 mysql输入正确密码连接不上怎么办
- 4 使用VSCode的Bookmarks插件管理代码书签
- 5 qq浏览器账号被盗了怎么找回_qq浏览器账号安全找回步骤
- 6 AO3官方网址导航_中文版网页直接进入
- 7 sublime怎么配置python的linter_sublime设置Python代码检查教程
- 8 如何在CSS Grid中实现响应式图片列表_网格布局与媒体查询结合
- 9 vscode同步插件支持哪些平台_vscode同步插件兼容平台介绍与说明
- 10 vscode怎么用git推送标签_vscode将git标签推送到远程仓库的方法
- 11 ES6+新特性在现代化项目中的实践应用
- 12 苹果14 Pro如何清理App缓存_iPhone 14 Pro App缓存清理教程
- 13 夸克网页版下载入口 夸克网盘网页版文件下载教程
- 14 如何禁止mysql开机自启
- 15 Windows安装到“准备就绪”界面卡很久怎么办?
更多>
最新教程
-
- Node.js 教程
- 7103 2025-08-28
-
- CSS3 教程
- 1008538 2025-08-27
-
- Rust 教程
- 11263 2025-08-27
-
- Vue 教程
- 13508 2025-08-22
-
- PostgreSQL 教程
- 10356 2025-08-21
-
- Git 教程
- 5052 2025-08-21
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: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

