电脑桌面
添加小米粒文库到电脑桌面
安装后可以在桌面快捷访问

最完美的select下拉框美化

最完美的select下拉框美化_第1页
1/7
最完美的select下拉框美化_第2页
2/7
最完美的select下拉框美化_第3页
3/7
最完美的select 下拉框美化 很多人为select 的诸多不完善而头痛,如无法自定义样式、IE6 中无法被浮动层遮住等等。下面介绍一款堪称最完美的下拉框组件:UU 人下拉框 特点 1:美化的并且可自定义的外观 UU 人下拉框使用 JS 进行渲染。当页面引入了脚本和 CSS 后,页面中的下拉框都会变成如下外观: 该外观是由 CSS 和图片控制。通过修改 CSS 可以很方便地实现更改外观。 UU 人下拉框不存在 IE6 中无法被浮动层遮住等问题。 特点 2:使用简单 UU 人下拉框代码写法与原来的写法一样,都是如下代码: 也可以动态创建 UU 人下拉框。 特点 3:宽度处理 你是否遇到以下两种情况: (1)不设置下拉框宽度,那么下拉框宽度默认为最宽的选项的宽度。当其选项过长时轻则会导致整个表单不整齐,重则会撑坏页面布局; (2)设置下拉框宽度,但是由于下拉框的选项宽度有可能会很长,可能会导致内容显示不完全。 U U 人下拉框对于宽度的处理方式是:默认会有一个宽度,即使选项里面有很长的文字。效果如下: 这样就保证了表单元素宽度一致又不影响内容。放在表单中的整体效果如下: 如果希望下拉框的宽度自适应最长选项,为其设置一个参数即可,效果如下: 另外还可以通过sty le 强制一个宽度。 特点 4:支持分组 下拉框支持分组,代码与普通select 分组代码一样。如 效果如下: 特点5:下拉列表展开的方向智能化 原始的下拉框如果在网页中的位置比较偏下,向下展开肯能会导致内容显示不全。 U U 人下拉框在这种情况会进行智能判断从而向上展开。效果如下: 当下拉列表选项过多,向上也无法展示完全时,U U 人下拉框会判断一下向上和向下哪里空间大,就向哪里展开,并出现滚动条。效果如下: 特点6:下拉框可编辑 为下拉框...

1、当您付费下载文档后,您只拥有了使用权限,并不意味着购买了版权,文档只能用于自身使用,不得用于其他商业用途(如 [转卖]进行直接盈利或[编辑后售卖]进行间接盈利)。
2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。
3、如文档内容存在违规,或者侵犯商业秘密、侵犯著作权等,请点击“违规举报”。

碎片内容

最完美的select下拉框美化

确认删除?
VIP
微信客服
  • 扫码咨询
会员Q群
  • 会员专属群点击这里加入QQ群
客服邮箱
回到顶部