javascript – 动画/减慢元素填充被删除元素留下的空间

这是我的例子: http://jsfiddle.net/MT5xS/

当您单击第一张图片时,它将被删除,并且所有以下图像都会向后移动以填充其留下的空间.但他们行动得太快,你甚至没有得到他们感动的想法.

我的问题是,如何让这些元素顺利移动?移动或删除图标时基本上就像iPhone一样,如http://youtu.be/-r7K4LTbI4A?t=27s

我并不担心IE6 / 7/8或任何其他兼容性问题.

解决方法

看看这个jQuery插件http://razorjack.net/quicksand/

它做了我认为你正在描述的事情.您可以使用它或查看封面以了解它是如何完成的.我相信他们在所有网格项目中都使用position:absolute.

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...