jQuery筛选过滤插件Filterizr演示

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

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线充值

分类：表单代码 > 搜索框难易：中级

查看演示下载资源： 133 次

加我微信，拉你进VIP群学习：

下载资源下载积分： 30 积分

图片列表 data-category则是分类id

<div class="erdangjiade">
    <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>

默认效果

$('.erdangjiade').filterizr();

Filterizr.js筛选API参数

参数	描述	默认值
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

jQuery筛选过滤插件Filterizr演示 收藏

图片列表 data-category则是分类id

默认效果

Filterizr.js筛选API参数

jQuery筛选过滤插件Filterizr演示
收藏