Javascript 如何仅使用jQuery构建类似Quicksand的动画

Javascript 如何仅使用jQuery构建类似Quicksand的动画,javascript,jquery,animation,Javascript,Jquery,Animation,我想有一个动画一样的流沙 我不想使用流沙,因为我的设置非常不同,它使一切变得复杂 所以,如果你能给我一个提示,这个动画是如何工作的,我会非常高兴 谢谢大家。它背后的基本概念是: 先保存第一个集合,然后使用display:hidden加载第二个集合 识别Doublets并隐藏第一个集合中的所有其他内容 显示新集合,同时隐藏具有Doublette的集合 计算缺失项目的偏移量,将旧项目移动到该位置 从新集合中取消隐藏Doublets,并从DOM中删除旧的Doublets 这看起来并不是很复杂。虽然与

我想有一个动画一样的流沙

我不想使用流沙,因为我的设置非常不同,它使一切变得复杂

所以,如果你能给我一个提示,这个动画是如何工作的,我会非常高兴


谢谢大家。

它背后的基本概念是:

  • 先保存第一个集合,然后使用
    display:hidden
    加载第二个集合

  • 识别Doublets并隐藏第一个集合中的所有其他内容

  • 显示新集合,同时隐藏具有Doublette的集合

  • 计算缺失项目的偏移量,将旧项目移动到该位置

  • 从新集合中取消隐藏Doublets,并从DOM中删除旧的Doublets


  • 这看起来并不是很复杂。虽然与您提供的示例不完全相同


    我在该页面上没有看到任何特殊动画…@RikudoSennin尝试单击
    排序:
    菜单。