现在的位置: 首页 > 综合 > 正文

jQuery智能布局插件 Isotope 推荐及使用心得

2012年10月11日 ⁄ 综合 ⁄ 共 468字 ⁄ 字号 评论关闭

我向大家推荐下Isotope这个jQuery插件,可以用它来创建动态和智能布局,尤其是现在主流的【瀑布流】形式,非常方便。你可以隐藏和显示与过滤项目,重新排序和整理甚至更多。同时Isotope还有许多很酷的动画,尤其是chrome下的表现非常棒,因为支持CSS3的动画效果很好。当然你也可以设置,动画引擎为jquery,chrome下依然表现很棒。而且IE兼容的很好,都是使用渐隐渐显的形式。

 

当然此插件在使用中也有些问题,比如:现在流行的瀑布流,当模块中含有图片的话,最好是将图片的宽高写在img标签上,否则的话,会出现模块重叠的情况。HTML直接显示的话比较少见,如果是AJAX动态调取数据然后显示的话,就会出现重叠。虽然它代码里写有加载图片的方法,但加载图片后,计算模块位置上好像是有点问题,或者是加载没完成,就计算好位置,导致重叠了。

 

不过除了这个问题,其他的布局和使用都非常的好,推荐给大家。其他的大家去官网看文档,就会了,不多说了。

官网地址:http://isotope.metafizzy.co/

 

项目中应用的瀑布流截图:

抱歉!评论已关闭.