更多>
最新下载
Bootstrap复选框样式美化特效
Bootstrap复选框样式美化特效是一款基于jQuery实现的bootstrap美化单复选框特效代码。本作品由【站长素材】收集整理,转载请注明出处!
0
2026-01-14
CSS3实现水位充满文字特效
CSS3实现水位充满文字特效是一款既是Loading特效也是文字特效,Loading动画开始时,文字中的水位渐渐上升,为了模拟水位上升的真实效果,水面还会波浪浮动,当Loading动画结束时,文字中的水位又会渐渐退去,动画效果和上升类似,这样周而复始,从而达到很酷HTML5 Loading动画效果。
0
2026-01-14
24小时阅读排行榜
- 1 PHP怎么用ZStackAI云平台_布容器环境调模型服务获响应【捷法】
- 2 css 浮动元素换行异常怎么办_clear both 或 flex 替代 float
- 3 css 选择器写得太多难维护怎么办_减少层级使用语义 class
- 4 c++中如何实现堆排序_c++ heap算法与堆排序代码【实例】
- 5 XML数据岛是什么 如何在HTML页面中嵌入XML数据
- 6 mysql安装后配置远程访问权限的步骤
- 7 css 动画与弹性效果_通过 ease-out 创建弹跳动画效果
- 8 EF Core怎么实现Contains查询 EF Core列表In查询方法
- 9 Go反射是什么_Go反射机制与基本概念解析
- 10 C++如何使用alignas和alignof进行内存对齐?(性能优化)
- 11 phpinfo能判断PHP编译参数吗_查编译选项用phpinfo流程【判别】
- 12 css grid布局中的justify-content与align-content_控制整个网格的对齐
- 13 XML Schema怎么写 XSD文件编写与验证入门教程
- 14 css 动画与背景颜色变化_平滑过渡背景色的动态效果
- 15 如何在Python中正确更新列表中的字符串元素
更多>
最新教程
-
- Node.js 教程
- 15536 2025-08-28
-
- CSS3 教程
- 1544732 2025-08-27
-
- Rust 教程
- 22816 2025-08-27
-
- Vue 教程
- 25290 2025-08-22
-
- PostgreSQL 教程
- 21863 2025-08-21
-
- Git 教程
- 8879 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
