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

JS动画效果

vivian Web前端工程师
难度初级
时长 2小时 8分
学习人数
综合评分9.60
537人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
有想了想之前说的,又觉得为啥非得取个不能被整除的速度,为难自己,没必要。。。。
“@孙行者_
starMove()函数内部不用再次获取oDiv了!老师对作用域没概念吗!”

自己试过没?没试就不要乱说,误导人
@修_炼
老师的这个代码有bug,如果speed不能被200整除的话,那个物体就会一直运动下去了,不会停止了。

确实如此,感觉应该再做个判断,对速度取余。。。
JS中 obj.style.attr 只能获取行内样式 要获取非行内样式要通过obj.currentStyle[attr]或者getComputedStyle(obj,false)[attr]方法获取
可以封装为function getStyle(obj,attr){ if(obj.currentStyle){return obj.currentStyle[attr];}else{returngetComputedStyle(obj,false)[attr]}}
obj.offsetWidth 返回值是数值所以不用parseInt();而obj.style.width获取的是像素值
通过js来改变对象的样式时,改变的是对象的行间样式。
多了解下底层的js实现总归是有好处的
试了下,无论if(xx.style.filter)还是if(xx.style.opacity)。。。结果都是true,所以别判断,两个都直接写上去就行
讲道理的话要是不支持opacity属性的话你使用getStyle(obj,'opacity')方法也是不支持的,所以这里其实并没有实现所谓的兼容,因为老师只做了一半,,,,
其实很好理解,只要有一次改变就证明不是全达到,所以flag应该在定时器中for循环外,理解不了的多想想就行了。
这一课,真是难上天了,逻辑思路混乱到了极点,都看2天了,依然搞不懂,整的头懵懵的,头都要炸了,谁有止痛片,给我来一瓶!
Math.round不是自动四舍五入吗
后边两节是不是换老师录得 怎末声音变得折磨好听呢!
clientWidth 和 offsetWidth是不同的概念
这些视频的源代码在哪儿啊
0.5倍速听完简直满足!
课程须知
1.您至少已经具备JavaSript的知识。2.您已经具备一些开发经验。
老师告诉你能学到什么?
1.使用定时器实现简单动画。2.如何一步步封装库。2.培养编程的思想。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消