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

JS动画效果

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

最新回答 / 记不起_
var boxs=document.getElementsByTagName('box');这里错了哦!
看了万能的评论,终于知道我错在哪里了
不错不错,搞通了封装的思路

已采纳回答 / Freestyle文
同学  你的getStyle没有封装啊function getStyle(obj,attr){ if(obj.currentStyle){ return obj.currentStyle[attr]; } else{ return getComputedStyle(obj,false)[attr]; }}

已采纳回答 / yanbxiaio
定时器不断刷新,每30ms刷新一次,就调用一次函数,运动的过程是宽高(等等想要的效果)变化的过程,调用函数改变宽高,达到运动效果,30ms刷新一次是因为,人眼能识出卡顿的最低帧数是30左右,因此30ms约等于30fps。

最赞回答 / joyboy0405
offsetWidth的值等于style.width的值加上边框的值,而函数里这样写的 oDiv.style.width=oDiv.offsetWidth-1+'px';后者是比前者多2px的,只要减去的数值小于2,那么前者就相当于一直增大,而后者包含前者,所以后者也一直增大,导致的结果就是图像越来越宽。希望对你有所帮助~
谢谢vivan!!!!!

已采纳回答 / DollarCat
 var li=Document.getElementsByTagName("ali");        ali.onmousemover()=function(){            startMove(this,400);        }        ali.onmouseout=function(){            startMove(this,200);        }    }你这里用变量li获取了ali了要遍历一次啊,而且是用li【i】来调用事件onmouseover和onm...
scrollWidth
是对象的实际内容的宽,不包边线宽度,会随对象中内容的多少改变(内容多了可能会改变对象的实际宽度)。
clientWidth
是对象可见的宽度,不包滚动条等边线,会随窗口的显示大小改变。
offsetWidth
是对象的可见宽度,包滚动条等边线,会随窗口的显示大小改变。
https://github.com/suiyi8760/JS-based-animation
这套课程的个人手打源码欢迎fork或修正,纯属分享求不喷
包含有本课需要的一些素材和样式,跟老师的有点差别,可以看源码也可以fork后下载,忘了上传jq,这节课的源码大家可以自己关联或者下载一个jq放根目录
在线演示地址:rushto.top/scroll-icon.html(rushto.top也是个人博客大家感兴趣可以看看)
https://github.com/suiyi8760/JS-based-animation
这套课程的个人手打源码欢迎fork或修正,纯属分享求不喷
包含有本课需要的一些素材和样式,跟老师的有点差别,可以看源码也可以fork后下载
在线演示地址:rushto.top/scroll-icon.html(rushto.top也是个人博客大家感兴趣可以看看)
https://github.com/suiyi8760/JS-based-animation
这套课程的个人手打源码欢迎fork或修正,纯属分享求不喷
https://github.com/suiyi8760/JS-based-animation
这套课程的个人手打源码欢迎fork或修正,纯属分享求不喷
课程须知
1.您至少已经具备JavaSript的知识。2.您已经具备一些开发经验。
老师告诉你能学到什么?
1.使用定时器实现简单动画。2.如何一步步封装库。2.培养编程的思想。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消