Filterizr 是一款功能強大的篩選過濾插件，它提供了多重篩選過濾方式，配合了css3的動畫效果。 線上實例 預設 回調函數 使用方法 <div class="sucaihuo"> <div class="filtr-item" data-category="1, 5"> <img src="i ...
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 |
