js css实现挑选的美化效果

先给大家看一看美化之后的效果图：

CSS:div-选择{ border:固体1px # 999高度： 40px线高： 40px光标：默认值；}.div-select-text{左侧浮动：背景-color : # fff；高度： 100%;断字：保留所有；飞越：隐藏；光标：默认值；} .div-select-text div { padd : 3px；线高： 34px}.div-select-arrow{背景-color : # fff；向右浮动：宽度： 40px高度： 100%;color: # 999cursor:默认值；} .div-select-arrow div { border : solid 1px # 999；余量2pxheight: 34px背景-color : # F2 f 2；文本对齐：中心；线高： 34pxfont-size : 22px}.div-select-list {位置：绝对；向左浮动：top : 100 pxleft : 100 pxborder :固体1px # 999 max-高度： 300 px飞越：汽车；背景-颜色： # 9f 9；显示器：无；z指数： 9100；} .div-选择列表div-select-item : th-child(2n 1){底色： # fff}.div-select-item { height : 50px；线高： 50px左填充： 3px填充-右： 3px背景-color : # F2 f 2；断字：保留所有；飞越：隐藏；光标：默认值；}.div-select-item-悬停{背景色： # 3399 ff！重要；}.div-select-selected {底色： # 3399 ff！重要；}JS:

//选择美化var DivSelectListIndex=0；$(function(){ initDivSelect()；});//初始化挑选美化插件函数initDivSelect() { $(').div-select-target ').每个（函数(){ DivSelectListIndexVar select=$(this)；如果(选择。CSS(' display ')==' none '){ return；} else { select.css('display '，' none') } if (select.next('div ').查找('。div-select-list ').长度==0){ select。在(' div div class=' div-select ' div class=' div-select-text ' div/div/div class=' div-select-arrow ' div/div/div/div ')之后；$(“正文”).应用