`

jQuery Filterizr 筛选过滤

阅读更多

Filterizr 是一款功能强大的筛选过滤插件,它提供了多重筛选过滤方式,配合了css3的动画效果。

在线实例

默认 回调函数

使用方法

  1. <div class="sucaihuo"> 
  2.     <div class="filtr-item" data-category="1, 5"> 
  3.         <img src="img/city_1.jpg" alt=""> 
  4.     </div> 
  5.     <div class="filtr-item" data-category="2, 5"> 
  6.         <img src="img/nature_2.jpg" alt=""> 
  7.     </div> 
  8. </div>
  9.  
  10. $('.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

 

1
0
分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    jquery filterizr图片列表筛选插件附教程链接

    Filterizr是一款基于jQuery的强大的图像过滤和排序插件,它允许用户在网页上实现优雅的图片列表筛选效果。通过使用这个插件,开发者可以为网站添加交互性,使用户能够轻松地根据类别、属性或其他条件筛选展示的内容...

    jQuery筛选列表过滤插件Filterizr

    jQuery筛选列表过滤插件Filterizr是一款强大的前端工具,主要用于实现动态筛选和排序列表项,尤其适用于展示项目集合或产品目录的网页。它以其简洁的API和丰富的自定义选项,为开发者提供了灵活且高效的解决方案。 ...

    基于jQuery Filterizr插件实现多重筛选过滤功能特效源码.zip

    本资源包含了一套使用 `jQuery Filterizr` 实现多重筛选过滤功能的源码,帮助开发者快速构建具有视觉吸引力的动态过滤效果。 `jQuery Filterizr` 是一个轻量级的 jQuery 插件,它允许用户通过应用不同的筛选条件来...

    jQuery筛选过滤插件Filterizr.zip

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

    jQuery多重筛选过滤插件Filterizr.zip

    **jQuery多重筛选过滤插件Filterizr详解** 在网页开发中,数据展示的组织与筛选是一项重要的功能,尤其在产品展示、目录浏览等场景下。jQuery作为一款广泛使用的JavaScript库,为开发者提供了丰富的功能和便捷的API...

    jquery.filterizr支持多重筛选条件插件.zip

    jQuery Filterizr是一款强大的JavaScript插件,专门用于实现多维度的筛选和排序功能,尤其适用于图片网格或者任何元素集合的动态过滤。这款插件以其易用性和高效性在前端开发领域备受青睐。在“jquery.filterizr支持...

    筛选过滤插件

    **jQuery筛选过滤插件Filterizr详解** 在网页开发中,数据展示往往涉及到大量的信息处理,如何让用户快速找到所需内容是一项挑战。为此,开发者们引入了筛选过滤插件,以提高用户体验。本文将深入探讨一款功能强大...

    jQuery多重筛选过滤插件Filterizr特效代码

    **jQuery多重筛选过滤插件Filterizr详解** 在Web开发中,数据展示的可操作性和用户体验是至关重要的。jQuery作为一款广泛使用的JavaScript库,为开发者提供了丰富的功能和便利性。其中,Filterizr是一款针对jQuery...

    FilterizrjQuery筛选过滤插件

    **Filterizr jQuery筛选过滤插件详解** Filterizr是一款强大的JavaScript库,专为jQuery设计,用于实现项目的高效筛选和过滤功能。这款插件以其简洁的API和丰富的自定义选项,深受前端开发者喜爱。在网页设计中,它...

    jquery实现多条件筛选特效

    总的来说,这个压缩包中的例子展示了如何利用jQuery实现多条件筛选特效,包括HTML布局、jQuery选择器和事件绑定、数据过滤以及动画效果的运用。通过学习和实践这个示例,开发者可以更好地掌握jQuery在实际项目中的...

    前端项目-filterizr.zip

    【前端项目-filterizr.zip】是一个包含Filterizr前端项目的压缩包,这个项目主要依赖于jQuery库,为网页中的数据集提供动态排序、筛选和搜索功能,同时利用CSS3的转换和自定义CSS效果来实现视觉上的吸引力。...

Global site tag (gtag.js) - Google Analytics