实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
​x
 
1
<!DOCTYPE html>
2
<html lang="zh-Hans">
3
<head>
4
<meta charset="utf-8">
5
<title>jQuery筛选过滤插件Filterizr演示</title>
6
<style>
7
* { margin: 10px; padding: 0;}
8
ul { list-style-type: none;}
9
.nav,.nav4 { width: 1000px; margin: 0 auto 20px;  font-size: 0;}
10
.nav li { display: inline-block; margin: 0 5px; padding: 10px 20px; font-size: 14px; color: #333; background-color: #ccc; cursor: pointer;}
11
.nav .active { color: #fff; background-color: #21b384;}
12
.shouceren { width: 1000px; margin: 0 auto; font-size: 0;}
13
.filtr-item { display: inline-block; width: 230px; padding: 10px;}
14
.filtr-item img { width: 100%;}
15
.filtr-item span { display: block; margin-top: 5px; font-size: 12px; text-align: center;}
16
</style>
17
</head>
18
<body>
19
<ul class="nav nav-1">
20
    <li>单选》</li>
21
    <li class="active" data-filter="all">全部</li>
22
    <li data-filter="1">城市</li>