最完美的美化select下拉框.docVIP

最完美的select下拉框美化 很多人为select的诸多不完善而头痛，如无法自定义样式、IE6中无法被浮动层遮住等等。下面介绍一款堪称最完美的下拉框组件：QUI下拉框 特点1：美化的并且可自定义的外观 QUI下拉框使用JS进行渲染。当页面引入了脚本和CSS后，页面中的下拉框都会变成如下外观： 该外观是由CSS和图片控制。通过修改CSS可以很方便地实现更改外观。 QUI下拉框不存在IE6中无法被浮动层遮住等问题。 特点2：使用简单 QUI下拉框代码写法与原来的写法一样，都是如下代码： select option value=请选择功能/option option value=1新增图片/option option value=2维护图片/option option value=3新增新闻/option /select 也可以动态创建QUI下拉框。 特点3：宽度处理 你是否遇到以下两种情况： （1）不设置下拉框宽度，那么下拉框宽度默认为最宽的选项的宽度。当其选项过长时轻则会导致整个表单不整齐，重则会撑坏页面布局； （2）设置下拉框宽度，但是由于下拉框的选项宽度有可能会很长，可能会导致内容显示不完全。 QUI下拉框对于宽度的处理方式是：默认会有一个宽度，即使选项里面有很长的文字。效果如下： 这样就保证了表单元素宽度一致又不影响内