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

JS动画效果

vivian Web前端工程师
难度初级
时长 2小时 8分
学习人数
综合评分9.60
537人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
speed不仅仅指的是移动,只是代表状态改变的快慢。
代码的封装做的很好,很给力!对于有一定基础但是缺乏经验的同学来说----那是灰常棒啊
老师把这句话写成了icur = parseFloat(getStyle(obj.attr))*100;半天没出来,应该是icur = parseFloat(getStyle(obj,attr))*100;
更新啊老师,
完结撒花,谢谢老师!
老师 前台页面 给我们啊。。。
var _this=this.getElementsByTagName('i')[0];这一行这个【0】该怎么解释啊?
如果按照这个方法去传入width之后,不行啊
看了大家很多的评论,给正在挣扎的同学们一些小小的建议:看书为主,配合视频看为辅,如果看这个视频是你js学习的全部,我认为不太合理。
新手推荐这两本书:《jsDOM编程艺术》《js高级程序设计》两本书
少了每个obj的timer 不过颜色变换的速度不直观,看不出来
time=setInterval(function(){
if(c.offsetLeft==target){
clearInterval(time);
}else{
var speed=(target-c.offsetLeft)/10;
speed=speed>0?Math.ceil(speed):Math.floor(speed);
c.style.left=c.offsetLeft+speed+"px";
}
},50)
有bug
startmove(_this,{top:-20,opacity:0},function(){

_this.style.top="35px";

startmove(_this,{top:15,opacity:100});

});

试了下把两个opacity都设成100就不行了。move.js把flag已经放在循环内部。而且把top都设成15,中间那句35的去掉,还是可以执行(style我的top就是15)。

求解
startmove(_this,{top:-20,opacity:0},function(){
_this.style.top="35px";
startmove(_this,{top:15,opacity:100});
});
试了下把两个opacity都设成100就不行了。move.js把flag已经放在循环内部。而且把top都设成15,中间那句35的去掉,还是可以执行(style我的top就是15)。
求解
突然发现不设定时器,接近目标值加速度让长度无限趋向0,四舍五入也是目标值
鼠标重复经过时,速度加快,清除定时器并没起作用。
课程须知
1.您至少已经具备JavaSript的知识。2.您已经具备一些开发经验。
老师告诉你能学到什么?
1.使用定时器实现简单动画。2.如何一步步封装库。2.培养编程的思想。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消