渣写法,纯属娱乐
预览图:
红框右下角那玩意儿仿的淘宝,HTML 和 CSS 来自互联网
然后我顺手撸了一份放到了 GitHub:https://github.com/maxsky/imitate-tb-combo-select
当然了,图中的可不是上方链接中这么复杂的代码实现的
上方链接里,整个 HTML 是通过 JS 输出实现,然而实际图中代码如下:
var cb_prop = $('.cb-prop li');
cb_prop.click(function () {
if ($(this).hasClass('cb-selected')) {
$(this).removeClass('cb-selected');
} else {
var lis = $(this).siblings();
if (lis.hasClass('cb-selected')) {
lis.removeClass('cb-selected');
$(this).addClass('cb-selected');
} else {
$(this).addClass('cb-selected');
}
}
});
HTML 和 CSS 可以参考上方链接里的内容。