更多>
最新下载
jQuery点击文字滚动Scrollocue插件
jQuery点击文字滚动Scrollocue插件是一款用于构建一个简单的提示提词器系统的jQuery小插件。本作品由【站长素材】收集整理,转载请注明出处!
2
2025-12-19
24小时阅读排行榜
- 1 如何查看当前数据库_mysql database查询
- 2 c++的std::filesystem库如何处理路径_c++跨平台文件路径操作
- 3 如何在mysql中锁表_mysql锁表基础操作
- 4 如何用JavaScript验证表单数据_确保用户输入的准确性?
- 5 Avalonia如何绑定到父级或祖先元素 Avalonia RelativeSource用法
- 6 EF Core怎么配置无主键实体 EF Core HasNoKey查询类型教程
- 7 虎牙 html5怎么用_虎牙客户端设置选HTML5播放器开启无Flash观看【设置】
- 8 async和await是什么_javascript中如何简化异步?
- 9 Python办公自动化项目实战_批量处理文件与表格技巧【教程】
- 10 c++ const_cast有什么用 c++去除const属性方法【详解】
- 11 如何在mysql中进行多表查询_mysql多表查询操作方法
- 12 C++的std::atomic_flag怎么用_C++中最简单的原子类型实现自旋锁
- 13 如何用C++进行UDP编程?C++ Socket网络通信实例【网络编程】
- 14 Avalonia怎么实现一个简单的动画效果 Avalonia Animations教程
- 15 C++中的命名返回值优化(NRVO)是什么?(编译器优化)
更多>
最新教程
-
- Node.js 教程
- 14295 2025-08-28
-
- CSS3 教程
- 1541088 2025-08-27
-
- Rust 教程
- 21992 2025-08-27
-
- Vue 教程
- 24480 2025-08-22
-
- PostgreSQL 教程
- 21182 2025-08-21
-
- Git 教程
- 8343 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
