html>
$(function() {
$('.lv1 li').click(function() {
$('.lv2').css('border', '1px solid #FFAA00');
$('.lv2').css('border-top', 'none');
$('.lv1 li').css('border', '1px solid #dcdcdc');
$('.lv1 li').css('border-bottom', '1px solid #FFAA00');
$(this).css('border', '1px solid #ffAA00');
$(this).css('border-bottom', 'none');
})
})
* {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
.demo {
width: 280px;
margin: 0 auto;
box-sizing: border-box;
}
.lv1 {
clear: both;
overflow: hidden;
}
.lv1 li {
float: left;
border: 1px solid #DCDCDC;
padding: 24px 10px 24px 10px;
box-sizing: border-box;
border-bottom: none;
}
.lv2 {
border: 1px solid #DCDCDC;
margin: -1px 0 0 0;
}
.inli {
clear: both;
overflow: hidden;
}
.inli li {
float: left;
padding: 5px 10px 5px 10px;
}
.selbox {
margin: 10px 0 0 10px;
}
- 选项一
- 选项二
- 选项三
- 选项四
- 点卡
游戏:
面值:
确定