更多>
最新下载
西山居首页jQuery焦点图代码
西山居首页jQuery焦点图代码是一款带文字描述,左右箭头,索引按钮,自动轮播切换的jQuery特效代码。本作品由【站长素材】收集整理,转载请注明出处!
0
2026-01-25
CSS3扁平化风格联系表单
CSS3扁平化风格联系表单是一款CSS3简易联系表单非常清新,整体外观不是那么华丽,但是表单扁平化的风格让人看了非常舒服,同时利用了HTML5元素的特性,表单的验证功能变得也相当简单。
0
2026-01-25
24小时阅读排行榜
- 1 如何用 CSS clip-path 创建四角汇聚的全宽网页三角分割布局
- 2 trae里php的zend_extension怎么加_trae加zend扩展法【技巧】
- 3 ios调用html5弹窗被拦截咋办_ios解除弹窗拦截法【方案】
- 4 php实现班级通信录导入重复数据_php去重导入处理方法【技巧】
- 5 Python 如何检测当前运行环境是 PyInstaller 打包后的 exe
- 6 如何使用 CSS 为表格行实现圆角背景(含渐变色/图片)
- 7 php页面渐变能结合CSS变量吗_php页面变量控渐变法【技巧】
- 8 php怎样用array_column二维转一维_phparray_column指定列转一维【步骤】
- 9 如何在 Promise 链中安全、优雅地传递同一对象
- 10 php数组如何筛选奇数或偶数项_php数组奇偶筛选实现【技巧】
- 11 SQL 如何校验数据完整性?
- 12 typing.ParamSpec 如何保留被装饰函数的签名参数类型
- 13 html5布局代码粘性页脚布局_html5布局代码粘性footer法【步骤】
- 14 Linux 网络栈的基本结构
- 15 如何在 PHP 中正确提取嵌套数组中的数值并转换为字符串
更多>
最新教程
-
- Node.js 教程
- 16082 2025-08-28
-
- CSS3 教程
- 1546459 2025-08-27
-
- Rust 教程
- 23226 2025-08-27
-
- Vue 教程
- 25695 2025-08-22
-
- PostgreSQL 教程
- 22182 2025-08-21
-
- Git 教程
- 9171 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
