jQuery Filterizr 筛选过滤

Filterizr 是一款功能强大的筛选过滤插件，它提供了多重筛选过滤方式，配合了css3的动画效果。

在线实例

默认

回调函数

使用方法

1. <div class="sucaihuo"> 
2.     <div class="filtr-item" data-category="1, 5"> 
3.         <img src="img/city_1.jpg" alt=""> 
4.     </div> 
5.     <div class="filtr-item" data-category="2, 5"> 
6.         <img src="img/nature_2.jpg" alt=""> 
7.     </div> 
8. </div>
9.  
10. $('.sucaihuo').filterizr();

复制

参数详解

参数	描述	默认值
animationDuration	动画持续时间，单位为秒	0.5
callbacks	回调函数	-
delay	延迟，单位为毫秒	0
easing	动画方式	ease-out
filter	指定筛选/过滤某分类	0
filterOutCss	”淡出“的样式	-
filterInCss	”淡入“的样式	-
layout	布局方式，可选 packed / horizontal / vertical / sameHeight / sameWidth / sameSize	sameSize
setupControls	建立控制，设置为 true 时，对应的含有 data 属性（如 data-filter=”1″）的标签才能触发控制	true

下载