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