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 / sameSizesameSize
setupControls建立控制,设置为 true 时,对应的含有 data 属性(如 data-filter=”1″)的标签才能触发控制true

云盘内容


 jQuery插件大全打包

HTML5+CSS3+PHP+jQuery等示例
大小
170M(300+个文件)

注意:示例只是当前的内容,【下载】的是全部jQuery插件一起打包后的文件。

下载地址