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

JS动画效果

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

已采纳回答 / haoyuanlin
这个可能是高度达到的时间比较短,然后在封装的startMove中判断动画停止的时候认为目标值已经达到,所以执行了clearInterval(time);所以width达不到预期

已采纳回答 / 樱花飞落ll
把你其他的代码也发上来,可能不是clearInterval(timer)这句的问题,看一下你的计算速度的代码是写在setInterval里面的不

最赞回答 / Lionis
<...code...><...code...>

已采纳回答 / qq_ChinraunXu_0
(1)var oDiv=document.getElementById("div1");把这句放在startMove函数里面;(2) oDiv.opacity=alpha/100;这一句写少了style

已采纳回答 / qq_Lollipop_1
getElementsByTagName得到的就是一个数组,可以直接遍历使用吖,如果div很多,你最好通过id或者class来获取

已采纳回答 / qq_发条橙子_0
这个是基础问题  var a=1,b="2",c=3;a+b+c; //“123”number类型和string类型做+运算会把number变成string。

已采纳回答 / dyr
currentStyle的结果在)到1之间,所以cur要x100;使用50是为了和width和height保持一致。来计算speed

已采纳回答 / Perona
很多软件都可以的呀,就连记事本都可以编写。但是文件要用浏览器打开,浏览器才有javascript的解析器。

已采纳回答 / 海程
由-200到0,数变大,speed是正数,同时表示向右移动由0到-200,数变小,speed是负数,同时表示向左移动换句话说:以运动之前为参照物,向右移动,是正数;向左移动,是负数。

已采纳回答 / 伊望岁月
<...code...>错误太多了,首先你的opacity的取值是(0到100)才对,然后ico = Math.round(parseFloat(setTmo(obj,sty))*100);你写成了Math.random,if(sty=='opacity'){写成了if(json[sty]=='opacity'){obj.style.filter='alpha(opacity...

已采纳回答 / 伊望岁月
只是单纯的给oDiv[i]自定义一个‘alpha’的属性,方便在startMove函数中调用

已采纳回答 / CORTANA343
如果变宽和变高都可以实现的话,有可能是透明度改变的那一部分代码写错了,或者是你用的浏览器不兼容吧;ie,edge,opera应该都是用的currentstyle,其他的用的都是getcomputedstyle
课程须知
1.您至少已经具备JavaSript的知识。2.您已经具备一些开发经验。
老师告诉你能学到什么?
1.使用定时器实现简单动画。2.如何一步步封装库。2.培养编程的思想。

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消