Filterizr 是一款功能强大的筛选过滤插件，它提供了多重筛选过滤方式，配合了css3的动画效果。
淘建站为您提供更多_表单代码_搜索框_搜索_筛选，在此特别感谢您对我们的支持与厚爱！
查看演示
演示不了，点击反馈
加入收藏
下载 138 次
下载资源
41 积分
特别说明：本站资源来自网友发布分享，仅供学习与参考，请勿用于商业用途，若有侵权请联系删除(272966172@qq.com)。
图片列表 data-category则是分类id
<div class="sucaiq">
<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>默认效果
$('.sucaiq').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 |
