jquery商品列表多条件筛选效果代码
代码语言:html
所属分类:布局界面
代码描述:jquery商品列表多条件筛选效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
* {
margin: 0;
padding: 0;
list-style-type: none;
}
a,img {
border: 0;
}
body {
font: 12px/180% "Microsoft YaHei","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif;;background: #fff
}
/* select */
.select {
padding: 5px 10px;
border: #ddd 1px solid;
border-radius: 4px;
width: 60%;
margin: 5% auto;
font-size: 12px
}
.select li {
list-style: none;
padding: 10px 0 5px 100px
}
.select .select-list {
border-bottom: #eee 1px dashed
}
.select dl {
zoom: 1;
position: relative;
line-height: 24px;
}
.select dl:after {
content: " ";
display: block;
clear: both;
height: 0;
overflow: hidden
}
.select dt {
width: 100px;
margin-bottom: 5px;
position: a.........完整代码请登录后点击上方下载按钮下载查看
















网友评论0