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 |
相关推荐
Filterizr是一款基于jQuery的强大的图像过滤和排序插件,它允许用户在网页上实现优雅的图片列表筛选效果。通过使用这个插件,开发者可以为网站添加交互性,使用户能够轻松地根据类别、属性或其他条件筛选展示的内容...
jQuery筛选列表过滤插件Filterizr是一款强大的前端工具,主要用于实现动态筛选和排序列表项,尤其适用于展示项目集合或产品目录的网页。它以其简洁的API和丰富的自定义选项,为开发者提供了灵活且高效的解决方案。 ...
本资源包含了一套使用 `jQuery Filterizr` 实现多重筛选过滤功能的源码,帮助开发者快速构建具有视觉吸引力的动态过滤效果。 `jQuery Filterizr` 是一个轻量级的 jQuery 插件,它允许用户通过应用不同的筛选条件来...
Filterizr 是一款基于 jQuery 的筛选过滤插件,它提供了多重筛选过滤方式,能够满足你的不同需求。并且使用了 CSS3 过滤效果,使用户体验更优秀。 查看演示 标签:Filterizr
**jQuery多重筛选过滤插件Filterizr详解** 在网页开发中,数据展示的组织与筛选是一项重要的功能,尤其在产品展示、目录浏览等场景下。jQuery作为一款广泛使用的JavaScript库,为开发者提供了丰富的功能和便捷的API...
jQuery Filterizr是一款强大的JavaScript插件,专门用于实现多维度的筛选和排序功能,尤其适用于图片网格或者任何元素集合的动态过滤。这款插件以其易用性和高效性在前端开发领域备受青睐。在“jquery.filterizr支持...
**jQuery筛选过滤插件Filterizr详解** 在网页开发中,数据展示往往涉及到大量的信息处理,如何让用户快速找到所需内容是一项挑战。为此,开发者们引入了筛选过滤插件,以提高用户体验。本文将深入探讨一款功能强大...
**jQuery多重筛选过滤插件Filterizr详解** 在Web开发中,数据展示的可操作性和用户体验是至关重要的。jQuery作为一款广泛使用的JavaScript库,为开发者提供了丰富的功能和便利性。其中,Filterizr是一款针对jQuery...
**Filterizr jQuery筛选过滤插件详解** Filterizr是一款强大的JavaScript库,专为jQuery设计,用于实现项目的高效筛选和过滤功能。这款插件以其简洁的API和丰富的自定义选项,深受前端开发者喜爱。在网页设计中,它...
总的来说,这个压缩包中的例子展示了如何利用jQuery实现多条件筛选特效,包括HTML布局、jQuery选择器和事件绑定、数据过滤以及动画效果的运用。通过学习和实践这个示例,开发者可以更好地掌握jQuery在实际项目中的...
【前端项目-filterizr.zip】是一个包含Filterizr前端项目的压缩包,这个项目主要依赖于jQuery库,为网页中的数据集提供动态排序、筛选和搜索功能,同时利用CSS3的转换和自定义CSS效果来实现视觉上的吸引力。...