过关小游戏

// //生成柱子 设置柱子的宽度,一次性的创建柱子并添加到盒子
// var wellWidth = 100;
// //封装柱子
// function well() {
// //动态创建第一个柱子
// ( &quot; &lt; d i v c l a s s = ′ w e l l ′ s t y l e = ′ w i d t h : &quot; + w e l l W i d t h + &quot; p x ; b a c k g r o u n d − c o l o r : ; ′ &gt; &lt; / d i v &gt; &quot; ) . a p p e n d T o ( (&quot;&lt;div class=&#x27;well&#x27; style=&#x27;width:&quot;+wellWidth+&quot;px;background-color:;&#x27;&gt;&lt;/div&gt;&quot;).appendTo( ("<divclass=wellstyle=width:"+wellWidth+"px;backgroundcolor:;></div>").appendTo((".well-box"))
// //设置柱子间的最大和最小间隙
// var min= 80;
// //最大间隙 = 放柱子的盒子离窗口顶部的距离
// //console.log($(".container").offset().top);
// var max= $(".container").offset().top;
// //设置第二根柱子的left
// var leftWell2 = wellWidth+parseInt(Math.random()(max-min)+min);
// //生成第二根柱子
// ( &quot; &lt; d i v c l a s s = ′ w e l l ′ s t y l e = ′ w i d t h : &quot; + w e l l W i d t h + &quot; p x ; l e f t : &quot; + l e f t W e l l 2 + &quot; p x ; ′ &gt; &lt; / d i v &gt; &quot; ) . a p p e n d T o ( (&quot;&lt;div class=&#x27;well&#x27; style=&#x27;width:&quot;+wellWidth+&quot;px;left: &quot;+leftWell2+&quot;px;&#x27;&gt;&lt;/div&gt;&quot;).appendTo( ("<divclass=wellstyle=width:"+wellWidth+"px;left:"+leftWell2+"px;></div>").appendTo((".well-box"))
// //生成第三根柱子
// var leftWell3 = leftWell2+wellWidth+parseInt(Math.random()
(max-min)+min);
// ( &quot; &lt; d i v c l a s s = ′ w e l l ′ s t y l e = ′ w i d t h : &quot; + w e l l W i d t h + &quot; p x ; l e f t : &quot; + l e f t W e l l 3 + &quot; p x ; ′ &gt; &lt; / d i v &gt; &quot; ) . a p p e n d T o ( (&quot;&lt;div class=&#x27;well&#x27; style=&#x27;width:&quot;+wellWidth+&quot;px;left: &quot;+leftWell3+&quot;px;&#x27;&gt;&lt;/div&gt;&quot;).appendTo( ("<divclass=wellstyle=width:"+wellWidth+"px;left:"+leftWell3+"px;></div>").appendTo((".well-box"))
// //生成第四根柱子
// var leftWell4 = leftWell3+wellWidth+parseInt(Math.random()*(max-min)+min);
// ( &quot; &lt; d i v c l a s s = ′ w e l l ′ s t y l e = ′ w i d t h : &quot; + w e l l W i d t h + &quot; p x ; l e f t : &quot; + l e f t W e l l 4 + &quot; p x ; ′ &gt; &lt; / d i v &gt; &quot; ) . a p p e n d T o ( (&quot;&lt;div class=&#x27;well&#x27; style=&#x27;width:&quot;+wellWidth+&quot;px;left: &quot;+leftWell4+&quot;px;&#x27;&gt;&lt;/div&gt;&quot;).appendTo( ("<divclass=wellstyle=width:"+wellWidth+"px;left:"+leftWell4+"px;></div>").appendTo((".well-box"))
// var color=[“red”,“blue”,"#ccc","#abcdef",“white”]
// //随机换背景图片 向上取整
// var bgColor = Math.ceil(Math.random()*19+1)//区间 1-20
// $(“body”).removeClass().addClass(“bg”+bgColor);
//
// $(".well-box>div").each(function (index,ele) {
// var colors=color[parseInt(Math.random()*color.length)]
// $(ele).css(“backgroundColor”,color[index])
// })
// }
// well();
// //按下不动 ,棍子宽度变高
// //设置节流阀
// var flag=true;
// $(".btnClick").mousedown(function () {
// if(flag){
// var max= $(".container").offset().top;
// $(".stick").animate({width:max},2000);
// }
// })
// $(".btnClick").mouseup(function () {
// flag=false;
// $(".stick").stop();
// $(".stick").addClass(“stickDown”)
// moveMan();
// })
// //小人
// var index=0;
// function moveMan() {
// setTimeout(function () {
// ( &quot; . m a n i m g &quot; ) . a t t r ( &quot; s r c &quot; , &quot; i m g / s t i c k . g i f &quot; ) / / / / 改 变 l e f t 获 取 根 子 的 宽 度 / / v a r s t i c k W i d t h = (&quot;.man img&quot;).attr(&quot;src&quot; , &quot;img/stick.gif&quot;) // //改变left获取根子的宽度 // var stickWidth= (".manimg").attr("src","img/stick.gif")////left//varstickWidth=(".stick").width();
// $(".man img").animate({left:stickWidth},2000,function () {
// //判断挑战成功或者是失败
// //挑战失败 : 棍子的宽度小于来两柱子或大于两柱子+柱子的宽度
// //两柱子间的宽度 = 后一个柱子的left值-前一个柱子的宽度
// var space = KaTeX parse error: Expected 'EOF', got '}' at position 438: … // }̲) // },…(".well-box").height();
// $(".man img").animate({top:top},500,function () {
// $(".man img").css(“display”,“none”)
// $("

")
// $(".dialog").css(“display”,“block”)
// $(".dialog-btn").html(“ 再次挑战”)
// $(".name").html(failArr[parseInt(Math.random()*failArr.length)])
// $(".stick").width(0).removeClass(“stickDown”);
//
// })
// var successArr=[‘挑战成功提语’]
// function success() {
// $(".man img").attr(“src”,“img/stick_stand.png”)
// $(".man img").css(“display”,“none”);
// ( &quot; . s t i c k &quot; ) . w i d t h ( 0 ) . r e m o v e C l a s s ( &quot; s t i c k D o w n &quot; ) ; / / v a r L e f t = (&quot;.stick&quot;).width(0).removeClass(&quot;stickDown&quot;); // var Left= (".stick").width(0).removeClass("stickDown");//varLeft=(".well").eq(index+1).css(“left”)
// $(".well-box").animate({left:"-"+Left},1000,function () {
// index++;
// flag=true;
//
// $(".man img").css({
// display:“block”,
// left:0
// });
// if(index==3){
// flag=false;
// $(".dialog").show();
// $(".dialog-btn").html(“ 下一关”)
// $(".name").html(successArr[parseInt(Math.random()*successArr.length)])
// }
// })
// }
// //封装下一关按钮调用的函数
// var pass=1;
// function nextGame() {
// $(".dialog").hide();
// $(".dialog-btn").empty();
// flag = true;
// //小人初始化
// $(".man img").attr(“src”, “img/stick_stand.png”).css(“left”, “0px”).removeClass(“rotate”);
// //棍子的初始化
// $(".stick").removeClass(“stickDown”).width(0);
// //放柱子的盒子初始化,重新生成柱子
// $(".well-box").css(“left”, 0).empty();
// $(".man img").attr(“src”,“img/stick_stand.png”).css(“left”, “0px”).removeClass(“rotate”);
// well();
//
// index=0;
//
// }
// $(".dialog-btn").click(function () {
// pass++;
// nextGame();
// $(".play-title").text(“关卡”+pass);
// })
// $(".set-text").click(function () {
// $(".name").show()//.html(“游戏正在进行,确认退出吗”)
// })
})

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值