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

JS动画效果

vivian Web前端工程师
难度初级
时长 2小时 8分
学习人数
综合评分9.60
537人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰

最新回答 / 徐无敌
第一节只是让他动起来,这几行代码的意思是让他每隔30毫秒,往右移动speed个像素,不是连续的setInterval(function(){oDiv.style.left = oDiv.offsetLeft+speed+'px';},30)

最赞回答 / 小狗旺旺
打个比方,里面有3个苹果,分别是1、2、3;我直接去拿第三个,你要说我把3个都拿了吗

最新回答 / 瑶海王力宏
问题解决了,参数传错地方了

最新回答 / candyTong_
函数内定义的变量是局部变量,就是说函数结束后这些变量就会被释放掉,没了,所以要重新获取。当然可以设为全局变量,但一般不这样做,因为全局变量是到运行结束才释放,除非是经常使用到,否则一般不设为全局

最赞回答 / 六月ovo
经过多番测试,视频中的完美运动代码存在bug,这个框架只可以实现同步动画,不可以实现链式动画。同步动画最后会停止,不是因为<...code...>而是代码中的<...code...>这一部分等于0了,...

最赞回答 / 生菜不懒
可以将offsetLeft和style.left进行比较:offsetLeft: 获取的是当前对象左侧距离父对象左侧的值(均不包含border);(返回的是一个值)style.left: 获取或设置相对于具有定位属性(position定义为relative)的父对象的左边距;(返回的是一个值+'px')

最新回答 / 六月ovo
offseLeft获取的是【当前对象】跟【具有定位属性的上级父元素】最左边的距离,不会获取margin-left:    例如:<div style='position:relative'>                        <span style='position:absolute; top:20px; left:20px;'>我是当前对象</span>                <div>        在上面,span的父元素使用了相...

最新回答 / qq_总有刁民想害朕_25
执行函数时先清除定时器在执行定时器  避免函数重复执行

最新回答 / qq_那么问题来了_2
```js<!DOCTYPE html><html><head><meta charset="UTF-8"><title>任意属性值2</title><style>body, ul, li {margin: 0;padding: 0;}ul,li {list-style: none;}ul li {width: 200px;height: 100px;background: yellow;margin-bottom: 20...

最新回答 / yclycl
function getStyle(obj,attr){    if(obj.currentStyle){        return obj.currentStyle[attr];        }else{        return getComputedStyle(obj,false)[attr];            }    }    function move(obj,json,fn){clearInterval(obj.timer);obj.timer=setInterval(funct...
课程须知
1.您至少已经具备JavaSript的知识。2.您已经具备一些开发经验。
老师告诉你能学到什么?
1.使用定时器实现简单动画。2.如何一步步封装库。2.培养编程的思想。

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消