JS动画效果_技术问答

首页免费课 JS动画效果问答

JS动画效果

全部评论问答未解决精华

关于if-else的问题

最新回答 / weibo_punica___0

第一个else用于区分速度正负，只要达到判断的效果即可alpha==iTarget用于判断是否已经到达目标值，到达即清空计时器，不再运动

1 回答 515 浏览 2-2 JS透明度动画

2017-01-15

关于flag=true的问题

已采纳回答 / stone310

首先你这里是没有停止计时器的：<...code...>要写成clearInterval(wuti.dingshiqi)，当写成这样后，bug就出现了，不用flag=true，当变化的任何一个属性达到目标值后，运动停止；而不是我们需要的当所有属性达到目标值后，运动才停止

1 回答 2661 浏览 6-2 完美运动框架

2017-01-14

慕小白丶

在这里会出现两个BUG 第一个肯定是不能执行回调涵数。只要把flag=true放到那个setInterval定时器里面。才可以判断是否执行完。

第2个就是当鼠标移动的时候会出现多次执行涵数，只要鼠标小小的动一下就会执行动画。只要把onmouseover 改成onmouseenter就可以了。这样两个BUG就都解决了

0 7-1 JS动画案例

2017-01-14

关于多物体运动课程

最新回答 / 慕粉3951534

我们分两个情况，第一个情况是加到 400 的时候，第二个情况是减到 100 。在此之前，我们把下面这句代码转化一下：<...code...>你也知道，当前 wuti.offsetWidth = wuti.style.width + 2，当然这只是说明...

2 回答 765 浏览 4-1 JS多物体动画

2017-01-13

pujianbo

clientWidth是对象看到的宽度（含padding，不含border）
offsetWidth是指对象自身的宽度（含padding，含border）
scrollWidth是对象实际内容的宽度（含padding，含border，含滚动条）

4 4-2 获取样式

2017-01-13

leeTony7

0.5怎么了啊没听过啊好想知道什么感觉

1 1-1 JS动画效果课程介绍

2017-01-13

心有猛虎_细嗅蔷薇

网页可见区域宽： document.body.clientWidth;
网页可见区域宽： document.body.offsetWidth (包括边线的宽);
之所以能用clientWidth代替offsetWidth是因为：
clientWidth: 获取的是对象可见内容的宽度，不包括滚动条，不包括边框；
具体详情：【传送门】http://www.imooc.com/learn/608

3 4-2 获取样式

2017-01-13

心有猛虎_细嗅蔷薇

当你知道这些效果可以用CSS来简短几行就能完成时，你就会知道JS的书写逻辑给JS初学者带来多大的困扰。CSS3也逐渐在新加一些动画属性，比如transition，animation。我很同意某位的观点，技术日新月异，尤其是前端。就像这节内容中，现在极少数人再用filter：alpha给IE添加透明度效果了。该淘汰的就得淘汰，该变就得变。CSS+JS都得学，学更多的就是为了开阔思路。有余力，则学文。

7 4-1 JS多物体动画

2017-01-13

qq_日月晨汐_0

先不说错误，这只是同时执行，但不是同时结束呀

0 6-2 完美运动框架

2017-01-12

雷子_java

老师把opacity 都写成opactiy了，还是把功能实现了，真是厉害

7 2-2 JS透明度动画

2017-01-12

不好意思，刚才代码发错了，求大神指导，不然寝食难安，谢谢

最新回答 / qq_巧克力人生

function startMove(obj,json,fn) { clearInterval(obj.timer); var flag = true;/*flag作为判断每个运动是否都完成的标志*/ obj.timer = setInterval(function(){ for(var attr in json) { var temp = 0; if(attr =="opacity") { temp = Math.round(pa...

2 回答 708 浏览 7-1 JS动画案例

2017-01-11