JS动画效果_技术问答

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

JS动画效果

全部评论问答未解决精华

z897952414

自定义封装函数时应该要精简

0 2-1 JS速度动画

2018-02-17

qq_无所畏__0

做的东西在火狐和IE上完美运行，在谷歌却不行。。。

2 5-1 JS链式动画

2018-02-09

qq_无所畏__0

怎么让它边运动颜色边变呢？

0 4-4 任意属性值（二）

2018-02-08

qq_无所畏__0

为什么我按照老师的方法可以全部出去，但是不能全部缩回来，用别人的代码试也是这样，求指教

0 3-1 JS缓冲动画

2018-02-05

慕先生6741377

给大家分享一个一句可以代替判断速度正负代码的
源代码为：
if(oDiv.offsetLeft<target){
speed=10; //offsetLeft
}
else if(oDiv.offsetLeft>target){
speed=-10;
};

可以精简为
oDiv.offsetLeft>target?speed=-10:speed=10;

11 2-1 JS速度动画

2018-01-29

卜大星人

挺好的，简单明了

0 2-1 JS速度动画

2018-01-27

AllySu

评论区个个都是人才，说话又好听，超喜欢这里

4 4-2 获取样式

2018-01-23

em_heqian

1、flag=true，应该立在定时器内，json的for遍历前；
var flag=true;定义在了for-in外面，而因为json中的属性无法第一次就运动到目标值，所以flag的值一定会变为false。变为false之后，当所有的属性值都运动到目标值也没有语句使它变为true，所以fn()不会执行。
2.if（flag）{clearInterval(obj.timer);if(fn){fn()}}应该放在定时器内，json的for遍历后：
因为在循环里面的话第一个属性达到目标值后就会执行clearInterval(obj.timer)，从而关闭定时器其他属性还未达成目标值

5 6-2 完美运动框架

2018-01-17

快乐崇拜tager

2017年的那些事：http://www.imooc.com/article/22712

1 4-1 JS多物体动画

2018-01-17

快乐崇拜tager

2017年的那些事：http://www.imooc.com/article/22712

2018-01-17

慕糖017

可以用3个animate连缀完成
$(this).find("i").animate({top:"-10px",opacity:"0"},300)
.animate({top:"20px"},300)
.animate({top:"10px",opacity:"1"},300);

1 7-2 jQuery动画案例

2018-01-09

_Rainy

关于完美框架链式运动的bug：var flag=true;定义在了for-in外面s定时器里面，当所有运动完成后，不会改变定时器里面开始的var flag=true ，最后执行停止定时器和下面的fn（），已用alert验证执行了fn（），但是如果再次在这里调通startMove（）的话就会导致报错getStyle函数Failed to execute 'getComputedStyle'。这里再调通startMove（）是obj不能再用this，这里this已经改变了目标，换成确定的obj就可以执行，亲测，有问题请指出，共勉！！！

1 6-2 完美运动框架

2018-01-05

落崖惊风cl

大大的问题。getComputedStyle()和currentStyle得到的都是计算后的最终样式。放在这里作为运动过程中获取变化的属性值是不恰当的。不知道大家深入考虑过没有。或者说实际敲过没有。放在浏览器上运行一下就知道不可行了。因为封装的运动函数获取的属性不确定，所以不能使用快捷位置获取初始样式，那就需要手动输入，而不是用getComputedStyle()和currentStyle去获取，可以把这个初始值作为参数传进去。

0 4-3 任意属性值（一）

2018-01-05