最完美的selct下拉框美化.doc

最完美的select下拉框美化 很多人为select的诸多不完善而头痛，如无法自定义样式、IE6中无法被浮动层遮住等等。下面介绍一款堪称最完美的下拉框组件：UU人下拉框 特点1：美化的并且可自定义的外观 UU人下拉框使用JS进行渲染。当页面引入了脚本和CSS后，页面中的下拉框都会变成如下外观： 该外观是由CSS和图片控制。通过修改CSS可以很方便地实现更改外观。 UU人下拉框不存在IE6中无法被浮动层遮住等问题。 特点2：使用简单 UU人下拉框代码写法与原来的写法一样，都是如下代码： select option value=请选择功能/option option value=1新增图片/option option value=2维护图片/option option value=3新增新闻/option /select支持分组select option请选择权限/option optgroup label=首页信息发布 option value=新增图片新增图片/option option value=维护图片维护图片/option option value=新增新闻新增新闻/option /optgroup optgroup label=人员维护 option value=新增用户新增用户/option option value=用户列表用户列表/option /optgroup /select所学专业： select id= childId=sel02 childDataPath= http://localhost/kj/trainplan.do?method= option value=请选择专业/option option value=bj1专业1/option option value=bj2专业2/option/select?? 所属班级： select id= option value=0请先选择专业/option /select childId指定要联动的下拉框的ID，childDataPath指定二级下拉框数据来源，与一级下拉框的value关联来获取数据。 效果如下： 特点8：自定义下拉列表的列数 当下拉框项目过多时，可以通过添加一个属性来指定列数，并可自定义列宽。效果如下： 特点9：完美的浏览器兼容性 无论是IE6、IE7、IE8还是FireFox、Chrome、Safira，甚至在Linux下都保持功能与外观的一致性。 点击这里查看在线示例 (链接到分离版中的该组件) 通过/001/可以查看更多UU人组件并提供下载. 这个下拉框是我最近的力作“UU人网页界面集成框架”的一部分，想详细了解可以下载介绍的PPT，地址： /001 protection design of tall buildings GB50045-95 the construction interior trim design fire protection standard GB50222-95 6, building curtain wall design code for lightning protection lightning protection standard building GB50057-94 7, building curtain wall technical standards for lighting architectural lighting design standard GB/T50033-2001 optical properties of glass curtain wall GB/ T18091-2000 8, physical inspection and technical standards of architectural curtain wall construction performance testing method for in-plane deformation of curtain wall GB/T18250-2000 classification GB/T15225-94 wind pressure of building curtain wall building curtain wall physical properties deformation performance test method GB/T15227-94 curtain GB/T15226-94 curtain air pe