网站公告:

联系我们

地址:这里是您的公司地址

电话:0896-98589990

传真:0896-98589990

邮箱:[email protected]

新闻资讯当前位置:主页 > 新闻资讯 >
藏金阁玄机 49069_jQuery筛选过滤插件 - Filterizr

发布时间:2019-03-14

  
戴要:Filterizr 是一款基于 jQuery 的挑选过滤插件,它供给了多重挑选过滤圆法,能够谦足您的分歧需供藏金阁玄机 49069。并且应用了 CSS3 过滤效果,应用户体验更劣良优博奶粉咋样

简介

Filterizr 是一款基于 jQuery 的挑选过滤插件,它供给了多重挑选过滤圆法,能够谦足您的分歧需供优博瑞慕奶粉怎么样。并且应用了 CSS3 过滤效果,应用户体验更劣良圣元58优博为什么停产

应用圆法

1、引进文件

<link rel="stylesheet" href="css/jkresponsivegallery.css"> 

<script src="js/jquery.min.js"></script> 

<script src="js/jquery.filterizr.js"></script> 

2、HTML

<div class="a搜索引擎优化e"> 

<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 class="filtr-item" data-category="1, 4"> 

<img src="img/city_3.jpg" alt=""> 

</div> 

... 

</div> 

为标签加上 data-category 属性,用于指定分类 id,能够有多个分类,用皆好“,”分开。

如果需要正在分中的标签中加进控造,需要用到其他的 data 属性,如:

1)单选:

<li data-filter="all">齐部</li> 

<li data-filter="1">分类1</li> 

<li data-filter="2">分类2</li> 

<li data-filter="3">分类3</li> 

2)多选:

<li data-multifilter="1">代码</li> 

<li data-multifilter="2">素材</li> 

<li data-multifilter="3">模板</li> 

3)排序:

<li class="shuffle-btn" data-shuffle>随机</li> 

<li class="sort-btn" data-sortAsc>次序</li> 

<li class="sort-btn" data-sortDesc>倒序</li> 

4)搜刮:

<input class="keyword" placeholder="请输进闭键字" data-search> 

3、JavaScript

$('.a搜索引擎优化e').filterizr(); 

设置装备摆设

称号

范例

默许值

道明

animationDuration    数值    0.5    动绘连绝时光,单元为秒    

callbacks    工具    回调函数    

delay    工具    0    耽误,单元为毫秒    

delayMode    字符串    progressive    

easing    字符串    ease-out    动绘圆法    

filter    数组/字符串    0    指定挑选/过滤某分类    

filterOutCss    工具    ”浓出“的款式    

filterInCss    工具    ”浓进“的款式    

layout    字符串    sameSize    结构圆法,可选 packed / horizontal / vertical / sameHeight / sameWidth / sameSize    

setupControls    布我值    true    建坐控造,设置为 true 时,对应的露有 data 属性(如 data-filter=”1″)的标签才能触发控造    

检察演示及下载案例请到本网站:http://www.a搜索引擎优化e.com/show-79-816-1.html


地址: 电话:4008-888-888

苏ICP12345678 技术支持:sue