aside {
overflow:hidden
}
div {
display:inline-block;
margin-top:15px;
}
i {
font-size:14px;
color:#666;
font-style:normal;
}
span {
display:inline-block;
width:55px;
height:24px;
text-decoration:none;
color:#039;
border-radius:2px;
font-size:14px;
line-height:24px;
text-align:center;
}
span:hover {
cursor:pointer;
}
.mystyle {
color:#f60;
background-color:#f3edc2;
}
.last {
float:left;
color:#666;
font-size:14px;
margin-top:20px;
}
#yi {
display:inline-block;
}
#yi span {
margin-left:10px;
color:#f60;
background-color:#f3edc2;
}
有三个筛选条件,每次每中一个会在下方已选择中显示出你所选择的元素,点击当前行的其它元素会在相当位置替换掉原来选择的元素。可以任意增加div组合的行数及每行中元素的个数。不用修改js.