Html
    Css
    Js

    
                        
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;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

js仿淘宝条件筛选

有三个筛选条件,每次每中一个会在下方已选择中显示出你所选择的元素,点击当前行的其它元素会在相当位置替换掉原来选择的元素。可以任意增加div组合的行数及每行中元素的个数。不用修改js.

0