jquery实现商品sku多属性选择功能(商品详情页)
SKU=StockKeepingUnit(库存量单位)。即库存进出计量的基本单元,可以是以件,盒,托盘等为单位。
SKU是用来定价和管理库存的,比如一个产品有很多颜色,很多配置,每个颜色和配置的组合都会形成新的产品,这时就产生很多SKU,sku在传统线下行业也是一个非常常用的概念,尤其是服装行业,同款不同尺码不同色都是独立的SKU,需要有独立的条形码,独立的库存管理等。
实现效果
源码
商品SKU选择DEMO3 ul,li{padding:0px;margin:0px;} #panel{width:500px;margin:30pxauto;} .goods_attr{overflow:hidden;} .goods_attr.label{font:12px/30px'宋体';color:#777;width:50px;;padding-right:10px;float:left;display:block;} .goods_attrul{float:left;width:300px;} .goods_attrli{color:#333;overflow:hidden;position:relative;float:left;text-align:center;vertical-align:middle;border:1pxsolid#999;text-indent:0;cursor:pointer} .goods_attrli.b{border:1pxdotted#CCC;color:#DDD;pointer:none;} .goods_attrli.bimg{opacity:0.4;} .goods_attrli.sel{border:1pxsolid#c80a28;color:#333;} .goods_attrli.text{margin:5px10px5px0;height:23px;line-height:23px;text-indent:0;padding:023px;font-style:normal;} .goods_attrli.img{margin-right:10px;width:35px;height:35px;line-height:35px;text-align:center;}