2014-12-06 68 views
0

我有一个div的布局,所有'清除',就像在列表中一样。我使用jQuery的内置fadeOut函数使它们在一段时间后消失。这一切都很好。 div从一开始就一次消失。 jQuery使用淡出不透明度,最后显示:无到'fadeOut'div。当顶部div最终淡出(显示:无)时,底部的div全部向上移动,但它们跳起来。我想知道是否有办法让这个平滑(幻灯片)过渡? TIA动画divs当别人消失

+1

我不确定你的具体用例是什么,但你应该查看http://greensock.com/,特别是看时间线提示教程/演示 - http://greensock.com/position-parameter – LouisK 2014-12-06 18:41:14

回答

1

也许你可以在设置显示器之前进行动画制作:没有给你以前的div。将第一个div不透明度设置为0,用setInterval或setTimeout将第二个div移动到第一个div位置,然后用display:none ...来隐藏第一个div:然后冲洗并重复。

+0

感谢您的想法。我有点实现了这一点。我最终只用CSS做了两个顺序动画。首先用不透明度将其褪色,然后将大小缩小为0.这种逻辑的类型是“正在进行,正在进行,已经过去”。 – Ntc 2014-12-06 23:13:52