JS动画效果_技术问答

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

JS动画效果

全部评论问答未解决精华

Lin._0001

自己结合运动框架做了几个例子，可供小伙伴做下练习和参考
cbooo.com/js.html

2016-05-26

王木木木水

最多的感慨就是这些东西还可以这么用。。。。。。

0 7-2 jQuery动画案例

2016-05-25

Amy多多

* {
margin:0;
padding:0;
}
#div1 {
width:200px;
height:200px;
background:purple;
position:relative;
left:-200px;
top:0;
}
#div1 span {
width:20px;
height:50px;
background:skyblue;
position:absolute;
left:200px;
top:75px;
}

4 2-1 JS速度动画

2016-05-25

xsw2012

没有代码。。。。。。。。。。。

1 2-1 JS速度动画

2016-05-25

qq_努力的小菜鸟_0

楼下的源码还要改进下！特别是在IE10、9、8 img的border没清零

本人也是菜鸟一枚，忽喷！代码链接：http://pan.baidu.com/s/1nvvSuJf 密码：xmrc

1 7-1 JS动画案例

2016-05-25

qq_蒋丹丹是枣糕少年_0

源码地址：http://pan.baidu.com/s/1eS38iGi
密码：vpwg

2 7-1 JS动画案例

2016-05-25

qq_蒋丹丹是枣糕少年_0

改变透明度还是无法隐藏图标

0 7-1 JS动画案例

2016-05-25

Naritheon

老师讲得太赞了！我这个外行都听懂做出来了

2 2-1 JS速度动画

2016-05-23

你说我是慕粉

当移动停止时，它会在那里抖？就好像两个函数在争一样
代码跟老师一样的

4 2-1 JS速度动画

2016-05-21

NothingAJ

这个视频你只把他当成效果的实现,当然CSS可以轻松做到.但是其中JS函数的传参,函数的抽象思想,你会了?
所以还是老老实实学吧,不要乱喷

3 2-2 JS透明度动画

2016-05-21

Lshah0

就算树立了flag，同时运动透明度也不能达到和目标一样啊...心累

3 7-1 JS动画案例

2016-05-19

oufei

这个报错提示怎么出来的

0 2-1 JS速度动画

2016-05-19

菜篮菜篮

其实从原理上来想就很容易知道为什么了。定义flag主要目的是要达到三个都为true时，才清掉计时器。也就是说，只要有一个为false就不清，老师的思路也是这样，但老师忽略忘记了变量复位。
而变量复位的位置放在哪？当然是三次move都执行完之后，若为false就复位，并且再次判断。所以这个复位必然是放在定时器里面，for-in外面。
再接着考虑一下清除定时器的位置放在哪，如果在for-in里面，当第一个move为true时，由于变量复位了，后面的move都不会执行。
只有清除的位置放在for-in外面，同时又在复位之前，这样就是说三次运动结束后，再来判断是否清除定时器。
希望我解释清楚了~

8 6-2 完美运动框架

2016-05-18