急急急,大佬们快帮帮忙

来源:2-1 JS速度动画

有无上涯

2017-09-28 10:38

var mybirdfly=document.getElementById("birdfly");//获取开始后的鸟
    var flyTimer = null; //下降计时器
    var wingTimer= null; //上升计时器
    var fallSpeed=0; //小鸟下落速度
    //点击开始按钮,隐藏以上元素
    myButton.onclick=function(){
           myButton.style.display = "none";
           myDiv.style.display = "none";
           mybird.style.display = "none";
           mybirdfly.style.display="block";
           flyBird(); //控制小鸟飞翔下落
        wingWave(); //逐帧动画,小鸟煽动翅膀
        myBg.onclick = function(){
                mybirdfly.fallSpeed = -8;
            };    
}

http://img2.mukewang.com/59cc6034000181f111270375.jpg


我的这个动画怎么不移动啊

写回答 关注

1回答

  • 沈江南
    2017-10-01 20:35:23
    已采纳

    判断高度及赋值的属性不对吧

    if(mybirdfly.offsetTop >= 395) { ... } 

    else {

        mybirdfly.style.top = mybirdfly.offsetTop + mybirdfly.fallSpeed++ + "px";

    }

    有无上涯

    非常感谢!

    2017-10-01 20:45:38

    共 1 条回复 >

JS动画效果

通过本课程JS动画的学习,从简单动画开始,逐步深入各种动画框架封装

113925 学习 · 1443 问题

查看课程

相似问题