为了账号安全,请及时绑定邮箱和手机立即绑定

JS动画效果

vivian Web前端工程师
难度初级
时长 2小时 8分
学习人数
综合评分9.60
537人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
  • 想要使用this只需要在添加回调函数(fn)的时候改变回调函数的this指向就可以了 if( fn ) { fn.call(obj); }
    查看全部
    0 采集 收起 来源:JS链式动画

    2016-11-25

  • 这里多物体运动需要注意一下不能直接用this,不然第二个会失败,function(){}里面的function(){}中this的指向的不是box[i]了,所以要在第一个function里面加一个var g=this;
    查看全部
    0 采集 收起 来源:JS链式动画

    2016-11-25

  • 多物体运动争抢资源问题 如果设置了一个公用的资源,多物体事件会争抢,如设置了一个公共定时器,都触发了就会抢夺,产生混乱,所以最好为每个物体设置定时器后者设置初始透明度 aLi[i].timer = null;aLi[i].alpha = 30;等等
    查看全部
    0 采集 收起 来源:JS多物体动画

    2016-11-24

  • Math.floor()向取整; Math.ceil()向上取整; Math.round()四舍五入; var speed = speed>0?Math.ceil(speed):Math.floor(speed);
    查看全部
    0 采集 收起 来源:JS缓冲动画

    2018-03-22

  • 如果(目标值-当前值)/10 不能整除的话。运动到最后,是1~9之间的数字来除以10,结果是个小于1的小数,如果用Math.floor(speed)向下取整,那就是0,speed=0,意味着不再发生变化。也就是说,当速度大于0的时候,如果用Math.floor(speed),最后不到10个像素的时候,就不会动了。所以要用Math.ceil向上取整。同理,当速度<0时,要用Math.ceil()取整。
    查看全部
    0 采集 收起 来源:JS缓冲动画

    2018-03-22

  • 透明度:filter:alpha(opacity:30); opacity:0.3;
    查看全部
    0 采集 收起 来源:JS透明度动画

    2016-11-24

  • 照着老师的代码打,发现有个问题,就是flag没有定义在定时器内。因为flag如果定义在定期器外,flag只执行了一遍,当循环了一次后,flag变成了false就不会再改变了。flag一直都是false,就无法关闭定时器和执行下一个函数了。 结论:flag要定义在定期器内(旗子要立好!!)求赞!
    查看全部
  • 多物体运动不应该存在共用的变量
    查看全部
    0 采集 收起 来源:JS多物体动画

    2016-11-24

  • Barry0 1、flag=true,应该立在定时器内,json的for遍历前; 2、if(flag){clearInterval(obj.timer);if(fn){fn()}}应该放在定时器内,json的for遍历后; 因为当三个iCur==json[attr],flag==false,之后一次执行定时器时,会将flag变为true,则变成true状态,for遍历中的结果并不会被执行,等于空运行一次for遍历后,true被带到if(flag){if(fn){fn()}},中执行关闭定时器和fn(),如果吧if(flag){...}放在for遍历中,最后fn()会被执行三次,for遍历的特性
    查看全部
  • fdsgfsd
    查看全部
    0 采集 收起 来源:JS多物体动画

    2016-11-24

  • 动画 alpha =30
    查看全部
    0 采集 收起 来源:JS多物体动画

    2016-11-24

  • 动画 a'l=30
    查看全部
    0 采集 收起 来源:JS多物体动画

    2016-11-24

  • 动画123.1
    查看全部
    0 采集 收起 来源:JS多物体动画

    2016-11-24

  • 动画123
    查看全部
    0 采集 收起 来源:JS多物体动画

    2016-11-24

  • 1.offsetWidth属性可以返回对象的padding+border+width属性值之和,style.width返回值就是定义的width属性值。 2.offsetWidth属性仅是可读属性,而style.width是可读写的。 3.offsetWidth属性返回值是整数,而style.width的返回值是字符串。 4.style.width仅能返回以style方式定义的内部样式表的width属性值。
    查看全部
    0 采集 收起 来源:获取样式

    2016-11-23

举报

0/150
提交
取消
课程须知
1.您至少已经具备JavaSript的知识。2.您已经具备一些开发经验。
老师告诉你能学到什么?
1.使用定时器实现简单动画。2.如何一步步封装库。2.培养编程的思想。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!