html筛选插件,Filterizr – jQuery筛选过滤插件

Filterizr – jQuery筛选过滤插件

分类：代码

日期：2016-04-15

点击(43,431)

下载(1)

来源：未知

收藏

简介

Filterizr 是一款基于 jQuery 的筛选过滤插件，它提供了多重筛选过滤方式，能够满足你的不同需求。并且使用了 CSS3 过滤效果，使用户体验更优秀。

浏览器兼容

IE10+

Edge

Chrome

Firefox

Opera

Safari

使用方法

1、引入文件

2、HTML

        

        

        

...

为标签加上 data-category 属性，用于指定分类 id，可以有多个分类，用都好“,”分开。

如果需要在额外的标签中加入控制，需要用到其他的 data 属性，如：

1)单选：

全部分类1分类2分类3

2)多选：

代码素材模板

3)排序：

随机顺序倒序

4)搜索：

3、JavaScript

$('.dowebok').filterizr();

配置

属性

名称

类型

默认值

说明

animationDuration

数值

0.5

动画持续时间，单位为秒

delay

对象

0

延迟，单位为毫秒

delayMode

字符串

progressive

easing

字符串

ease-out

动画方式

数组/字符串

0

指定筛选/过滤某分类

filterOutCss

对象

”淡出“的样式

filterInCss

对象

”淡入“的样式

layout

字符串

sameSize

布局方式，可选 packed / horizontal / vertical / sameHeight / sameWidth / sameSize

setupControls

布尔值

true

建立控制，设置为 true 时，对应的含有 data 属性(如 data-filter=”1″)的标签才能触发控制