对象上的流体和动态动画显示和消失(HTML / JS / CSS)

时间:2015-11-03 13:15:23

标签: javascript html css animation



在标题中难以描述,但我想到的是那些网站,如某些Tumblrs或其他一些花哨的网页,当它们出现时,它们会移动到下一个部分(例如图像)对于现有的,你可以移动它们,所有其他的移动并重新排列。当一些中间消失而所有其他人重新排列并移动到消失的那个空间时相同。

我的问题是:怎么做?有插件吗?如果没有,那将是什么代码?我认为这并不容易......

一个例子是:

我有一些图像(1) - (2) - (3) - (4)
我检查一个使(2)消失的盒子,3和4移动(1) - &lt ;-( 3) - &lt ;-( 4)

通过"移动"我不是说"出现/消失"但是这个位置有点动画,淡入/淡出这应该适用于多行或任何东西的任何div!

提前感谢您的帮助

3 个答案:

答案 0 :(得分:0)

你可以根据自己的需要调整jquery sortable吗?

答案 1 :(得分:0)

我想我找到了你正在寻找的here

作者已经解释了如何通过示例和使用jQuery的近距离演练来详细了解您的需求。

为了移动您所描述的内容 - (1) - &lt ;-( 3) - &lt ;-(4),您可以“欺骗”#39;通过分别从2-3和3-4继承容器的CSS样式,所以似乎已经删除了2个,并且3,4已经移动到它而不使用精心设计的JS。

希望这有帮助。

答案 2 :(得分:0)