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 |
云盘内容
文件
| jQuery插件大全打包
|
内容
| HTML5+CSS3+PHP+jQuery等示例
|
大小
| 170M(300+个文件)
|
注意:示例只是当前的内容,【下载】的是全部jQuery插件一起打包后的文件。