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

JS动画效果

vivian Web前端工程师
难度初级
时长 2小时 8分
学习人数
综合评分9.60
537人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
那个看错的同学 是因为其本身高100px 鼠标移入400px 移出200px 所以比原来高了

已采纳回答 / qq_等风来_55
因为每一次的循环调用都初始化了它的值  使其无法叠加
offsetLeft和style.left的区别:
offsetLeft返回的是数字,style.left返回的是字符串,除了数字还有‘px’;
offsetLeft只读,style.left可写。
这里style.left是随定时器而变动的。
不错,思路清晰
这个向上向下取整不太明白
爱上了慕课网,一个师兄推荐过来的,超好的体验。
没有声明oDiv.timer,
谁有老师QQ
这节视频有很多有意思的点:

1. 老师使用了element.offsetLeft属性,如果不使用这个属性,会需要增加好几行代码来实现。

2. 不仅可以使用setInterval(),还可以使用setTimeout()或requestAnimationFrame()函数来达到目的。

3. 老师的代码中的结束条件存在bug,当target的值不是speed的整数倍时,动画不会停止。

4. 即使正确设置了speed和target的值,返回触发鼠标事件,动画也可能用于不会停止。在开始状态和目标状态间闪来闪去。

最新回答 / charsandrew
又看了下代码: 发现了其实主要是没能有效的清除定时器的问题,把代码改成下面这样就可以运行。<...code...>将函数提出来放到事件外面定义效率更高,再将两个move函数合并在一起代码会更简洁。
这是我自己写的完整demo,有需要的朋友可以去看一下http://pan.baidu.com/s/1qYhSS1Y
这个姐 约儿童吗QAQ
@湮阳
这人的评论居然有这么多人赞,真是呵呵

最新回答 / _半人
找到问题原因么有,我的也是向上向下取整了还是会这样
呃呃呃。错了
课程须知
1.您至少已经具备JavaSript的知识。2.您已经具备一些开发经验。
老师告诉你能学到什么?
1.使用定时器实现简单动画。2.如何一步步封装库。2.培养编程的思想。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消