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

JS动画效果

vivian Web前端工程师
难度初级
时长 2小时 8分
学习人数
综合评分9.60
537人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
通过改变时间值,改变动画的快和慢
老师讲的很好,女孩子做前端的很少吧?
name和值用冒号(:)隔开,对值和对值用逗号(,)隔开
功能完全相同的代码,我们可以把不同的代码当成参数传进去。写js代码时就想想老师说的这句话
offsetLeft除于20得到的数有时时小数,所以要向上取整。向上取整和向下取整有一个共同点。取到的数都是绝对值较大的那一个。当speed大于0时,向上取整。speed小于0时,向下取整(数的绝对值大)。
太牛逼了,哈哈哈哈
ommouseout的顺序也可以随意的
为什么这里不能用this?
我试了下 ,透明度filter:alpha(opacity:30);和oDiv.style.filter="alpha(opacity:"+alpha+")";去掉这两句执行效果不受影响,所以加这两句是什么目的?
怎么我照着老师的代码打的,它却不出现多为小数= =没用Math.round都能出现和用了Math.round一样的效果....
@NoLimits,不是吐槽,只是疑问,比如里面的动画过度的时间、线性变化,只要去改变css中的transition属性就行了为啥要绕这么大弯呢?如果是分析动画的原理可以理解,但在实际开发中这么去做是不是可取?好比本来做个地铁直接到的,你非得坐个长途转个公交? 还有代码精简、性能是不也要考虑,比如无数次的创建移除定时器这样好吗?
这里有个小bug,当试着反复将鼠标移入移出的时候会有一定概率使if(oDiv.offsetLeft==iTarget)这个条件不成立,从而跳过该语句而持续进行else{oDiv.style.left=oDiv.offsetLeft+speed+"px"},最终使该div一直向左或者一直向右。
代码啊啊啊啊啊啊
看到很多人说把 flag放到定时器下面,其实也不是最完美的,因为定时器每30毫秒运行一次,就意味着不停重复的声明一个flag,在代码里,有一段判断 原来的值不等于目标值 if (icur != json[xx]) {,就把flag设为flase,然后应该在补上一段,else 如果等于就把flag设为true,就可以了,这样,第一个值达到目标,flag被改为了true,for循环第二个值时,如果未达标,依然会再次把flag设为flase
课程须知
1.您至少已经具备JavaSript的知识。2.您已经具备一些开发经验。
老师告诉你能学到什么?
1.使用定时器实现简单动画。2.如何一步步封装库。2.培养编程的思想。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消