jQuery Filterizr 筛选过滤

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

在线实例

默认

回调函数

使用方法

<div class="sucaihuo"> 
    <div class="filtr-item" data-category="1, 5"> 
        <img src="img/city_1.jpg" alt=""> 
    </div> 
    <div class="filtr-item" data-category="2, 5"> 
        <img src="img/nature_2.jpg" alt=""> 
    </div> 
</div>

$('.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

---

下载