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

JS动画效果

vivian Web前端工程师
难度初级
时长 2小时 8分
学习人数
综合评分9.60
537人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
我试了下 ,透明度filter:alpha(opacity:30);和oDiv.style.filter="alpha(opacity:"+alpha+")";去掉这两句执行效果不受影响,所以加这两句是什么目的?

已采纳回答 / lixp2000
应该将width=200px;height=200px;width=20px;height=20px;改写成width:200px;height:200px;clear(timer);应写成clearInterval(timer)

已采纳回答 / 唐丶唐
写错了哥  window.onload=function(){}  你的括号少了;加上之后 运行没问题  如果再有问题可能就是浏览器了

已采纳回答 / lixp2000
#div1为span的父元素,,当代码中多个div,并且都含有span时;此时你想获取某个span元素时,就需要你指定到具体哪个父元素下的span元素了。
怎么我照着老师的代码打的,它却不出现多为小数= =没用Math.round都能出现和用了Math.round一样的效果....

已采纳回答 / 佐佑918
在定时器的前面,清除一下定时器,clearInterval(timer)

最新回答 / Evey_Wong
CSS3比较简单,比较流畅但有兼容性问题,而JS比较复杂相对而言流畅性没这么好,但功能涵盖面比CSS3要广且没有兼容性问题。说不上哪种好吧,要看实际运用,好用的就好。
@NoLimits,不是吐槽,只是疑问,比如里面的动画过度的时间、线性变化,只要去改变css中的transition属性就行了为啥要绕这么大弯呢?如果是分析动画的原理可以理解,但在实际开发中这么去做是不是可取?好比本来做个地铁直接到的,你非得坐个长途转个公交? 还有代码精简、性能是不也要考虑,比如无数次的创建移除定时器这样好吗?

最新回答 / 慕移动9181930
把启用实时预览的对勾取消就行了已提供,可以去课程里下载

最赞回答 / kviccn
您好,这是请看课程名称。
这里有个小bug,当试着反复将鼠标移入移出的时候会有一定概率使if(oDiv.offsetLeft==iTarget)这个条件不成立,从而跳过该语句而持续进行else{oDiv.style.left=oDiv.offsetLeft+speed+"px"},最终使该div一直向左或者一直向右。

最新回答 / qyy2499760117_叶子
使用谷歌浏览器,按F12进行调试就只知道错在哪里,习惯用很容易找错的,我稍微调试一下就可以看出这句‘if(alpha>iTarget) ’里的iTarget还没有定义,所以它找不到就会出错了,在这句‘oDiv.onmouseout=function(){startMove(30);}’里的startMove(30),是有参数的,所以你写startMove()函数时也应传一个参数,要对应的,所以改成function startMove(iTarget)就好了;
课程须知
1.您至少已经具备JavaSript的知识。2.您已经具备一些开发经验。
老师告诉你能学到什么?
1.使用定时器实现简单动画。2.如何一步步封装库。2.培养编程的思想。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消