admin管理员组

文章数量:1574578

简介

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″)的标签才能触发控制

本文标签： 插件htmljqueryjsFilterizr

版权声明：本文标题：html筛选插件,jQuery筛选过滤插件Filterizr.js 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dongtai/1727771567a1128623.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。