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

JS动画效果

vivian Web前端工程师
难度初级
时长 2小时 8分
学习人数
综合评分9.60
537人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
http://www.imooc.com/article/11921
手打源码,取走不谢

已采纳回答 / 喝牛奶对身体好
经过本人多次测试,确认flag放在计时器内,for in循环前为好,之后将判断条件if(flag)放在for in外计时器内,完美框架就能实现了,否则都会有一些BUG。最后按照你这个,我进行了四种尝试,效果如下:把flag=true和判断if(flag)都放在for循环里面:此时由于计时器内for循环每次开始flag为true,由于属性值为两个以上的时候有时不会同时到达目标值,会使得当某一个属性属性达到目标值后flag值已经为true,因此提前结束了定时器;把flag=true放在计时器内for循环外,判...

最新回答 / 宝慕林2917688
   var speed=(iTarget-obj.offsetwidth)/8;为什么要除以8的

已采纳回答 / 雪神仙
1.obj.style.width = icur + speed + 'px';//这里只能获取宽度属性改成:obj.style[attr]=icur + speed + 'px';

最赞回答 / ZhouJT
for循环下少了{}把后面这段包裹起来:         nav[i].onmouseover = function () {              changea();          }          nav[i].onmouseout=function () {              changeb()          }
新声明一个 jsonCopy 然后深拷贝传入的 json 数据,每当一个动画效果完毕的时候就 `delete jsonCopy[attr]` 删除其中那个元素,最后 jsonCopy 为空即意味着全部动画执行完毕,此时就可以删除定时器了。
http://www.imooc.com/article/11875
欢迎指正
http://www.imooc.com/article/11861
欢迎指正
http://www.imooc.com/article/11855
欢迎指正
http://www.imooc.com/article/11853
欢迎指正
http://www.imooc.com/article/11847
欢迎指点
老师您好,特想认识你,可以吗?那告诉我个联系方式吗?

最新回答 / 喜欢上一个人
错误1:  54行和72行 都有一个</script>结束标签,但是你只有一个开始标签错误2:  63行 olist[i].onmouseenter   onmouseenter是什么鬼?
课程须知
1.您至少已经具备JavaSript的知识。2.您已经具备一些开发经验。
老师告诉你能学到什么?
1.使用定时器实现简单动画。2.如何一步步封装库。2.培养编程的思想。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消